CSS селектор за първия елемент?

[gLaVoReZa]

Здравейте,

имаме един див, чието съдържание се генерира динамично от скрипт. В този див може да има неподреден списък (UL) или нещо друго. Ако има неподреден списък, вътре във всяко LI може да има друг UL. Ето един пример.

<div>
<ul>
<li>Първа точка</li>
<li>Втора точка
<ul>
<li>Подточка А</li>
<li>Подточка Б</li>
<li>Подточка В</li>
</ul>
</li>
<li>Трета точка</li>
</ul>
</div>

И сега трябва някак да направя така че под цялото това нещо да има border-bottom, само че тази рамка не трябва да е зададена на самия див, а или на най-главния UL, или на последното LI. Проблемът е, че не мога да използвам класове и трябва някак да избера първия UL или последното LI чрез CSS. Доколкото знам имаше някакъв селектор от рода на first-child, ама той не знам дали се поддържа добре. jQuery също не искам да използвам.

 

[Fakeheal]

http://www.w3schools.com/cssref/sel_firstchild.asp

 

[gLaVoReZa]

Бе да, ама тъпото е, че това има слаба поддръжка. При IE5.5 и IE6 изобщо не бачка, а при IE7 и IE8 е бъгаво. Дали няма някакъв друг начин?

 

[eddyy93]

Казваш, че е динамично такали. Тогава на края на while цикъла слагагш един див с width колкото дива от горе и height: 3px; слагаш му един background-color: и ти е готов от долъ бордера.

Но това трябва да се сложи разбирасе извън while, точно свършва

while(){} и ето тук дива. Това цялото може да го обхванеш с още един див (тоест while, div,и diva който сега направихме за бордер).

echo "<div class='full_div'>"; // това ще обхваща всичко.

while() {
echo "
<div> // това е твоят див който постна в темата
</div> ";

}

echo "<div class='border_div'></div>"; //Това е дива който ще ползваме за бордер

echo "</div>";

Така мисля АЗ. : ))

 

[gLaVoReZa]

Това не може да стане, защото аз нямам достъп до цикъла, или каквото там има във функцията. Аз просто извиквам функцията и тя го генерира.

Промяна:

Както и да е, явно това което искам няма как да стане по лесния начин. Благодаря за мненията.

 

[relax4o]

Бе да, ама тъпото е, че това има слаба поддръжка. При IE5.5 и IE6 изобщо не бачка, а при IE7 и IE8 е бъгаво. Дали няма някакъв друг начин?

Ами време е и ти да станеш поредния, който да казва на потребителите, че трябва да се ползва по-ново IE.

http://webdesign.about.com/od/metataglibraries/p/x-ua-compatible-meta-tag.htm виж това.

 

[eddyy93]

И не може ли да го направиш:

echo '<div class'full_div'>';
function();
echo '<div class='div border'></div>';
echo '</div>';

 

[gLaVoReZa]

@relax4o, ако зависеше от мен бих изтрил всички версии на IE от лицето на земята, но много хора го харесват и аз трябва да се съобразя.

@eddyy93, не може. Всичко се генерира автоматично и не е под мой контрол. Мога да го манипулирам само с CSS. Има и един вариант да филтрирам това, което се връща от PHP скрипта и да добавя съответния клас на последното LI, но това е по-гадния начин и се чудех дали няма как да се направи само с CSS, ама явно няма как.