Witajcie.

Spotykam się ostatnio z problemem w CSS, którego nie mogę przeskoczyć.

W CSS ustalam formatowanie ogólne dla znacznika A, jednak chcę aby w określonych warunkach nie było formatowania.
Na ten przykład chcę, aby w witrynie odnośniki A posiadały border-bottom: 1px solid #ccc (czyli ogólnie żeby były podkreślone linki). Jeśli jednak znajdzie się pomiędzy <a></a> znacznik <img /> żeby tego podkreślenia nie było.

Wiem, że można to zrobić za pomocą klas. Chcę jednak to obejść.

Jakie macie sugestie?

Spróbuj dać:


A dla tych wyjątków z img to np.


Nie wiem czy zadziała bo nie testowałem.

Niestety jakiekolwiek pomysły z dziedziczeniem nie działają. Wydaje mi się, że W3C nie przewidziało formatowania rodzica określonego dziecka lub potomka.

Czyli na ten przykład mam w HTML:
<a><img /></a>
i chcę zadeklarować w CSS format <a>, ale tylko wtedy, gdy <img /> jest co najmniej jego dzieckiem.

a {
border-bottom: parametry;
}

to formatowanie znacznika <a>

a img {
border-bottom: none;
}
to formatowanie znacznika <img />

a mi chodzi o formatowanie <a> ktory jest rodzicem <img>

Możesz jeszcze poczytać i pobawić się z http://www.kurshtml.boo.pl/css/pierwsze_dz...seudoklasy.html ale ja rzadko tego używam więc tutaj nie wiem czy to cokolwiek da.

PS: A co Ci przeszkadza w użyciu klas?

dzięki za info ale już to przerabiałem

W użyciu klas przeszkadza mi jedna rzecz. Trzeba ją wpisać ręcznie.
Gdybym chciał ją wpisywać ręcznie to nie zadawałbym sobie trudu, aby pisać posta.

Poczytaj tutaj, powinno pomóc.

w przypadku padding i margin moznaby sie pobawic w tym kierunku w pozostalych sytuacjach polecam uzywanie klas - najwieksza kompatybilnosc z przegladarkami i najmniej problemow, poza tym chyba nie ma pseudoklas ktore sprawdzaja obecnosc potomkow