"일꾼이 일을 잘하려면 먼저 도구를 갈고 닦아야 한다." - 공자, 『논어』.
첫 장 > 프로그램 작성 > 형제 관계에 대한 CSS 선택기에서 괄호를 사용할 수 있습니까?

형제 관계에 대한 CSS 선택기에서 괄호를 사용할 수 있습니까?

2024년 12월 21일에 게시됨
검색:171

Can Parentheses Be Used in CSS Selectors for Sibling Relationships?

CSS 선택기의 괄호

CSS 선택기에 괄호를 통합할 수 있나요? 구체적으로 "Blockhead"라는 텍스트가 포함된 헤더를 타겟팅하는 경우 선택기를 (.gumby > .pokey) h3?

괄호 사용 제한

괄호는 사용할 수 없습니다. CSS 선택기의 유효한 연산자. :lang(), :not() 및 :nth-child()와 같은 기능적 표기법을 위해 예약되어 있습니다.

형제 관계의 괄호에 대한 대안

제공된 예에서, 괄호는 불필요합니다. .gumby > .pokey h3 선택기는 원하는 헤더를 선택하는 데 충분합니다.

CSS 선택기는 선형적으로 읽혀집니다. 이 선택기에 사용된 ">" 및 " "와 같은 연결자는 우선순위가 없습니다. 선택기는 다음과 같이 해석될 수 있습니다.

  • h3 요소 선택
  • "pokey" 클래스가 있는 요소 바로 뒤에옵니다.
  • 요소의 하위 요소입니다. 클래스 "gumby"

.pokey 요소와 h3 요소는 모두 제공된 HTML에서 .gumby 요소의 하위 요소이므로 구조를 사용하면 이 선택기는 "Blockhead"라는 텍스트가 있는 헤더를 올바르게 타겟팅합니다.

최신 튜토리얼 더>

부인 성명: 제공된 모든 리소스는 부분적으로 인터넷에서 가져온 것입니다. 귀하의 저작권이나 기타 권리 및 이익이 침해된 경우 자세한 이유를 설명하고 저작권 또는 권리 및 이익에 대한 증거를 제공한 후 이메일([email protected])로 보내주십시오. 최대한 빨리 처리해 드리겠습니다.

Copyright© 2022 湘ICP备2022001581号-3