CSS 형제 선택기에서 \' \' 기호는 무엇을 합니까?

CSS 형제 선택자에서 ' '의 의미

CSS에서 ' ' 기호는 인접한 형제 조합자를 나타냅니다. 다른 특정 요소 바로 뒤에 나타나는 요소를 선택합니다. 이 선택기는 특정 순서로 특정 요소를 타겟팅하는 데 유용합니다.

예:

다음 CSS 규칙을 고려하세요.

h2 + p { 
  font-size: 1.4em; 
  font-weight: bold;
  color: #777; 
}

규칙 지정된 스타일을

바로 뒤에 오는 요소 요소.

에는 영향을 미치지 않습니다. 다른 요소 뒤에 나오는 요소(예:

또는 태그.

그림:

<code class="html"><h2>Headline!</h2>
<p>The first paragraph.</p>  <!-- Selected -->
<p>The second paragraph.</p> <!-- Not selected -->

<h2>Another headline!</h2>
<blockquote/>
    <p>A quotation.</p>      <!-- Not selected -->
</blockquote/></code>

• 선택(1): 첫 번째

  요소는

  바로 뒤에 옵니다. 요소.

• 선택되지 않음(2): 두 번째

  요소가

  요소; 대신

  요소.

• 선택되지 않음(3):

  인용문 내의 요소에는

  바로 앞에 있는 요소입니다.

참고:

인접 형제 조합자는 다른 요소 뒤에 오는 요소를 선택하는 일반 형제 조합자 '~'와 다릅니다. 동일한 상위 내 어디든 가능합니다.

위 내용은 CSS 형제 선택기에서 \' \' 기호는 무엇을 합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

css for symbol this

성명：

본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.