[CSS] Link inny niż wszystkie Opcje

[Majkelo23]

Mam w css coś takiego:

Kod

a {
text-decoration:none;
color:#4E64AD;
}

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

Kod

.moja_klasa {
costam
}

.moja_klasa a {
color: white;
}

Jest ignorowany ? Jak zrobić tutaj wyjątek ?

[!*!]

a{}
.moja_klasa a{}

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

[Crozin]

@!*!: 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.

Ten post edytował Crozin 23.06.2012, 15:39:05

[Majkelo23]

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

układ mam taki:

Kod

a {}
TUTAJ_INNE_KLASY
.moja_klasa a {}

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?

[Crozin]

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

[Majkelo23]

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

Kod

text-decoration: underline;

ale za cholerę nie chce...

Ten post edytował Majkelo23 23.06.2012, 18:51:57

[lobopol]

[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

Ten post edytował lobopol 23.06.2012, 18:37:05

[Majkelo23]

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...

[lobopol]

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 

Ten post edytował lobopol 23.06.2012, 18:45:33

[Majkelo23]

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...

[lobopol]

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

Ten post edytował lobopol 23.06.2012, 18:56:40