+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: Początkujący webmaster (https://www.webmastertalk.pl/forum-poczatkujacy-webmaster)
+--- Wątek: Klasa w Klasie a hover (/thread-klasa-w-klasie-a-hover)
Klasa w Klasie a hover - Ridii - 14-02-2017
Witam mam problem ponieważ chciałbym zrobić aktywnego "boxa" który cały będzie się podświetlał jeśli na niego najadę. Mam klasę która odpowiada mi za obrazek i drugą klasę która z tekst, ale jak najeżdżam na tego "boxa" to podświetla mi się tylko obrazek, a napis dopiero gdy najadę na sam napis.Moje pytanie brzmi, co zrobić żeby ten obszar hover'a byl jakby dziedziczony
problem.png (Rozmiar: 19.13 KB / Pobrań: 3)
<!--html-->
<a href=#><center><i class="fa fa-laptop fa-5x icons padding_for_icons">
<p class="text_under_icons icons">CUSTOM</p></a></i>
<p class="lorem">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Perferendis earum voluptas ut nulla commodi consectetur nihil impedit quaerat voluptatibus! Repellendus vero numquam minima veritatis</p> </center>
<!--css-->
.text_under_icons{
margin-top: 20px;
font-size: 39px;
font-family:verdana;
color:#504c43;
}
.lorem {
font-size: 14px;
text-align: center
}
.icons{
color:#504c43;
}
.icons:hover{
color:#37b2d0;
}
.padding_for_icons{
padding:40px;
}
Juz sobie poradziłem dając id zamiast klasy do tekstu. Czemu gdy dałem klasę to nie działało a z id już tak?
RE: Klasa w Klasie a hover - ziemowitpl - 20-07-2017
Działa dla:
.three:hover {
color:white;
background-color: red;
}
oraz kodu:
<article class="three">
<h2 id="dol">Dół strony</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Doloribus incidunt quasi architecto eaque explicabo libero, minima, suscipit asperiores placeat maxime itaque dolor laborum vitae impedit officia nobis quas neque. </p>
</article>
Warunek!
znacznik "p" nie może być określony jego kolor na początku dokumentu tzw globalnie np:
p {
color:black;
}
I nawet dodawanie !important nie daje rady...
Tyle udało mi się rozwiązać. Koloruj p klasami - może tak przejdzie...
RE: Klasa w Klasie a hover - NUTER - 28-07-2017
Dal całego "box" utwórz klasę i przypisz do niego kolor
Kod:
.jakis_boks {
color: rgb(226,0,26)
}