What is the meaning of spaces in CSS selectors and the difference between .classA.classB and .classA .classB?
P粉401901266
2023-08-24 14:03:57
<p>What is the difference between these two selectors? </p>
<pre class="brush:php;toolbar:false;">.classA.classB {
border: 1px solid;
}
.classA .classB {
border: 1px solid;
}</pre>
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
.classA.classBrefers to elements with both class A and class B (class="classA classB"); while.classA .classBrefers to the descendant element of an element withclass="classA", and the descendant element hasclass="classB".Edit: Reference specification: Attribute selectors (see Section 5.8.3 Class Selectors)