Wat is het verschil tussen de selectors “.class.class” en “.class .class”?

Wat is het verschil tussen .class.classen .class .class?

Antwoord 1, autoriteit 100%

.class .classkomt overeen met alle elementen van klasse .classdie afstammelingenzijn van een ander element met de klasse .class.

.class.classkomt overeen met elk element met beide klassen.

Antwoord 2, autoriteit 71%

1. .name1.name2

   betekent een divof een elementmet beide klassen samen, bijvoorbeeld:

   <div class="name1 name2">...</div>
   

2. .name1 .name2

   betekent een divof een elementmet een klasse name1en elk van de onderliggende nodes met klasse name2

   <div class="name1">
       <div class="name2">
           ...
       </div>
   </div>
   

Antwoord 3, autoriteit 20%

.class1.class2

Element dat zowel class1als class2heeft ingesteld in het class-kenmerk (zoals dat: class="class1 class2")

.class1 .class2

Element met class2dat een afstammeling is van een element met class1class

Antwoord 4, autoriteit 2%

.class.classkan ook worden gebruikt om het gebruik van !importantte vermijden in het geval dat een selector met een hogere specificiteit verhindert dat uw regel wordt toegepast.

In dit geval zijn er geen twee klassen in het HTML-element. Je herhaalt alleen de les waarvan je de specificiteit wilt vergroten in de stijl (selector), zoals

(HTML) <div class="something">...</div>
(CSS) .something.something {}