Mam w css coś takiego:



teraz każdy link się tego "słucha" i dobrze. Ale czemu kurde taki zapis:



Jest ignorowany ? Jak zrobić tutaj wyjątek ?

CSS dziedziczy, czyli a musi być na górze, w innym wypadku nadpisze klasę.

@!*!: Kolejność deklaracji ma w CSS-ie marginalne znaczenie, liczy się siła selektora, "a" posiada siłę równą 0.0.0.1, a ".moja_klasa a", siłę równą 0.0.1.1, dlatego też ta ostatnia nadpisze style.

Jeśli jest jak mówicie to u mnie powinno właśnie działać, a nie działa...

układ mam taki:



Ale nadal wszystko wyłapuje pierwsza klasa. Po zamianie kolejności, czyli a {} przeszło za moja_klasa a jest to samo - a przejmuje "inicjatywę". Wszelkiego rodzaju @!* nic nie pomagają, hmm?

Pokaż pełen kod, najlepiej na żywo.

Button w nagłówku - ten tekst ma mieć tylko:



ale za cholerę nie chce...

[CSS] pobierz, plaintext 
.dodaj_ogloszenie {
text-decoration: underline;
}
[CSS] pobierz, plaintext 

i działa (przez firebuga dodałem do klasy)
w tym buttonie nie ma linka jest sam tekst

Zobacz teraz, i w css i w html.
Efekt ma być taki, że napis ma być biały i podkreślony (link). Zobacz co jest teraz...

Ech skoro nadałeś wszystkim linkom kolor domyślny w deklaracji

[CSS] pobierz, plaintext 
a {
color: #...
}
[CSS] pobierz, plaintext 

to oczywiste jest, że wszystkie linki mają taki kolor chyba, że ten kolor jest nadpisany

[CSS] pobierz, plaintext 
.dodaj_ogloszenie a{
text-decoration: underline;
color: #fff;
}
[CSS] pobierz, plaintext 

No dobra, ale co oznacza NADPISANY Jeśli chodzi o kolejność klas w .css to też nie to, bo niezależnie od kolejności tych elementów, cały czas jest to samo...

Posłuchaj skoro zdefiniowałeś kolor wszystkich znaczników a, to taki będą miały kolor. O ile znacznik a nie będzie miał koloru inherit (nie działa w ie7 i starszych) to będzie miał zawsze ten kolor o ile nie zostanie nadpisany większą mocą. Nieważne jest to, że div który trzyma element ma inny kolor znacznik a ma już ustalony wcześniej.

Czyli mając css

[CSS] pobierz, plaintext 
a {
color: green;
}
.klasa1 {
color: red;
}
.klasa2 a {
color: blue;
}
[CSS] pobierz, plaintext 

i html

[HTML] pobierz, plaintext 
<a>zielony</a>
<span class="klasa1"><a>dalej zielony</a></span>
<span class="klasa2"><a>teraz niebieski</a></span>
[HTML] pobierz, plaintext 

kolory będą takie jak wpisałem w znzaczniki