Zaawansowany tutorial CSS

[Artix 34]

Czy jest gdzieś w sieci jakiś ogólnodostępny artykuł wyjaśniający różne rodzaje zapisu divów i klas w CSSie? Ostatnio modyfikowałem motyw WP dla klienta i spotkałem się z czymś takim:

.textwidget>p.sow-more-text a:hover 

No i jakie ma znaczenie to, że raz zapisuję klasy jako .klasa1.klasa2 cośtam i .klasa1 .klasa2 cośtam?

[Lindsey 19]

Chodzi to o to, że style będą zastosowane dla dziecka elementu o klasie textwidget który posiada klasę sow-more-text i dla linku który jest wewnątrz po najechaniu

 

tu masz to ładniej opisane http://webkod.pl/kurs-css/lekcje/dzial-1/laczenie-selektorow-css

 

a odnośnie zapisu .klasa1.klasa2 i .klasa1 .klasa2 tutaj chodzi o to, że w pierwszym przypadku element posiadający te dwie klasy zostanie wystylizowany, natomiast w drugim element .klasa jeden powinien być nadrzędny a element .klasa2 powinien znajdować się wewnątrz elementu .klasa1

<div class="klasa1">
    <p class="klasa2">
      lorem ipsum dolor amet.
    <p>
<div>

Edytowano Maj 1, 2016 przez Lindsey (zobacz historię edycji)

[Macsch 122]

Polecam książki od Lea Verou http://www.amazon.com/CSS-Secrets-Lea-Verou/dp/1449372635