Podświetlanie linków [CSS]

[czilis]

Siema, właśnie robię swoją pierwsza stronę i mam pytanie odnośnie tych linków. Wiem że można zmienić ich kolor (podkreślenie, tlo), ale to się tyczy całego dokumentu, mi chodzi o to aby tylko w 1 miejscu zmieniały kolor na czarny, a reszta żeby była na biało. Nigdzie nie mogę znaleźć na to odpowiedzi, mam nadzieje ze mi pomożecie .

[KowR]

Kod:

<a class="czarny" href="">Czarny tekst</a>

To w XHTML, a w CSS:

Kod:

a.czarny {
color:#000000;
}

[czilis]

I to będę musiał do każdego linku po kolei wrzucać tak ? Czy da się masowo ?

[Pedro84]

Możesz tak, aczkolwiek lepszym rozwiązaniem jest grupowanie selektorów, unikanie tworzenia niepotrzebnych klas i stylowanie ich (jeśli są podobne).

Np... Masz div o id="content". Drugi div to id="article". Chcesz, żeby linki w obu podświetlały się na czerwono, po najechaniu myszą, to robisz coś takiego:

Kod:

div#content a:hover, div#article a:hover { color:#ff5000; }

[czilis]

Dzięki wielkie, działa pięknie , a mam pytanie odnośnie tych divow, napisałeś:

div#content a:hover, div#article a:hover { color:#ff5000; }

Zawsze trzeba dawać "div#nazwa" ? Bo ja normalnie robiłem #nazwa {}. W każdym razie dzięki za pomoc.

[KowR]

Możesz tak, aczkolwiek lepszym rozwiązaniem jest grupowanie selektorów

taaa... Ale i tak nie uniknie klas (class) jeżeli w jednym divie mają być różne formatowania bo bez sensu jest tworzenie samego pustego diva z jednym napisem

[Pedro84]

Możesz tak, aczkolwiek lepszym rozwiązaniem jest grupowanie selektorów

taaa... Ale i tak nie uniknie klas (class) jeżeli w jednym divie mają być różne formatowania bo bez sensu jest tworzenie samego pustego diva z jednym napisem

O unikaniu klas nie mówię, tu masz rację. Oczywiście nie mówię o tworzeniu divów, ale korzystaniu ze struktury (a poza tym, grupowanie selektorów jest b. ważne).

[czilis]

Żeby nie zaczynać nowego wątku zadam pytanie tutaj.
Jak zrobić żeby naokoło mojego logo (które jest hiperłączem) nie było białego obramowania (taki kolor zdefiniowany jest dla linków). Dodam że border mam wyłączony.

[Pedro84]

Kod:

outline:none

google.pl...

[czilis]

Kod:

outline:none

google.pl...

Szukałem na google nie mogłem tego znaleźć, a jak dodałem to do kodu css, dalej tak samo :/
Teraz mam

Kod:

#zdjecie {
outline: none;
border: 0px;
}

Zdjęcie jest w divie, dlatego jest tak jest to zapisane, dla pewności dodałem jeszcze znacznik

Kod:

img {outline: none;}

, dalej to samo.