CSS 규칙은 클래스 없이 적용됩니다. 이유는 무엇입니까?
P粉795311321
2023-09-04 13:26:05
<p>CSS 규칙을 정의합니다: </p>
<pre class="brush:php;toolbar:false;">.info-specs h2, h3, h4, h5 {
글꼴 크기: 1.5em;
텍스트 변환: 없음;
}</pre>
<p>이는 "info-specs" 클래스가 있는 요소의 h5에서만 작동합니다. 그러나 검사 결과 다른 h5 요소에서도 이 규칙을 사용하고 있는 것으로 나타났습니다. 왜?
예는 다음과 같습니다. </p>
<p>
<pre class="snippet-code-css lang-css Prettyprint-override"><code>.info-specs h2, h3, h4, h5 {
글꼴 크기:5em;
텍스트 변환: 없음;
}</code></pre>
<pre class="snippet-code-html lang-html Prettyprint-override"><code><h5>mytest </h5></code></pre>
</p>
브라우저의 CSS 인터프리터는
h3
、h4
和h5
元素,并且仅查找h2 它将查看它是否在
.info-specs
내의 모든 것을 찾습니다. 쉼표 또는 그룹화된 선택자는 쉼표로 구분된 모든 항목을 별도의 선택 항목으로 처리합니다.문제에 대한 가능한 해결책은 다음과 같습니다: