• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

Hover przy divach z linkami

0 głosów
225 wizyt
pytanie zadane 18 lutego 2017 w HTML i CSS przez czarek84 Początkujący (290 p.)

Witam,

Moje pierwsze pytanie na forum:)

mam następujące problem. W CSS ustawiłem dla wszystkich linków parametry, aby nie były podkreślone i nie miały niebieskich kolorów. Kod poniżej. Standard.

a:link
{
	color: black;
	text-decoration: none;
}

a:visited
{
	color: black;
	text-decoration: none;
}


a:hover
{
	color: black;
	text-decoration: none;
}

Przy takich ustawieniach dodałem jeszcze jeden opis hovera, ale już dla konkretnej klasy diva (napis1), który zawiera link. Kod  CSS i HTML poniżej

.napis1:hover
{
	text-decoration: underline;
	color: #c7ab35;
	cursor: pointer;
}

 

	<div class="napis1"> <a href=https://web.facebook.com/?_rdr" target="_blank" title="Zapraszamy na stronę Facebooka muzeum"> FB </a> </div>			
			<div class="napis1"> <a href="http://allegro.pl/" target="_blank" title="Zapraszamy do naszego sklepu z wydawnictwami"> Sklep online </a></div>
			<div class="napis1"> Załóż konto </div>
			<div class="napis1"> Zaloguj się </div>
			<div style="clear:both"> </div>	
	

I teraz niestety jak najadę na diva z linkiem np. FB, to nie zmienia on koloru, a teoretycznie (chyba) powinien - na #c7ab35;. A co ciekawe podkreślanie działa….

Jak ustawić hover, tylko dla klasy napis1, aby kolor fontu wyświetlał się na żółto, jak na niego najadę myszką?

Dorzucam jeszcze dwa Screeshoty, aby wszystko było jasne.

komentarz 18 lutego 2017 przez ScriptyChris Mędrzec (190,190 p.)
<a href=https://web.facebook.com/?_rdr"

Brakuje cudzysłowa otwierającego atrybut href.

A co do pytania, to spróbuj zmodyfikować selektor z:

.napis1:hover

na:

.napis1:hover, .napis1:hover a

 

1 odpowiedź

+2 głosów
odpowiedź 18 lutego 2017 przez niezalogowany
wybrane 18 lutego 2017 przez czarek84
 
Najlepsza

Style obiektu są zawsze ważniejsze, niż style dziedziczone.

Aby zmienić kolory linków, musisz odwołać się bezpośrednio do nich. W Twoim przypadku:

.napis1:hover a

lub po prostu dodać klasę do linku

<a class="napis1" ...

komentarz 18 lutego 2017 przez czarek84 Początkujący (290 p.)
Super, działa. Dziękuję. To jeszcze tak dla zrozumienia. Dlaczego działało podkreślenie, które przecież wyłączyłem dla linków. Bo rozumiem, gdyby żaden z tych  dwóch elementów nie funkcjonował…
komentarz 18 lutego 2017 przez niezalogowany

Po najechaniu na link - nie działało.

Działało na wszystko co było w divie .napis1

Podobne pytania

0 głosów
1 odpowiedź 354 wizyt
pytanie zadane 25 lutego 2017 w HTML i CSS przez czarek84 Początkujący (290 p.)
0 głosów
1 odpowiedź 482 wizyt
pytanie zadane 19 lutego 2017 w HTML i CSS przez czarek84 Początkujący (290 p.)
0 głosów
2 odpowiedzi 458 wizyt
pytanie zadane 19 listopada 2015 w HTML i CSS przez Zine Obywatel (1,000 p.)

93,427 zapytań

142,421 odpowiedzi

322,649 komentarzy

62,787 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj

VMware Cloud PRO - przenieś swoją infrastrukturę IT do chmury
...