简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
집 > 웹 프론트엔드 > HTML 튜토리얼 > 본문

CSS邻接选择器_html/css_WEB-ITnose

WBOY
풀어 주다： 2016-06-24 11:40:48
원래의
1213명이 탐색했습니다.

div + p{

  ...

}

选中与div'相邻'的p


这个相邻为什么打引号?

<!DOCTYPE html><html><head><style>div + p {    background-color: yellow;}</style></head><body><p>Paragraph 0. Not in a div.</p><div><p>Paragraph 1 in the div.</p><p>Paragraph 2 in the div.</p></div><p>Paragraph 3. Not in a div.</p><p>Paragraph 4. Not in a div.</p></body></html>
로그인 후 복사

哪些p会是补选中的呢?


只有 3 是被选中的,如果出乎意料,说明你这个'相邻'没有搞清楚


那么0 为什么没有呢?它也是div的相邻元素


原来 '+' 这个所谓的相邻只是'紧随其后的相邻'


相邻2

div ~ p{

...

}

<!DOCTYPE html><html><head><style>div ~ p {    background-color: yellow;}</style></head><body><p>Paragraph 0. Not in a div.</p><div><p>Paragraph 1 in the div.</p><p>Paragraph 2 in the div.</p></div><p>Paragraph 3. Not in a div.</p><p>Paragraph 4. Not in a div.</p></body></html>
로그인 후 복사

3 ,4 会被选中..此处'相邻'为:'其后的相邻'



관련 라벨：
CSS邻接选择器
원천：php.cn
이전 기사：使用CSS3各个属性实现小人的动画_html/css_WEB-ITnose 다음 기사：Html Table 合并单元格_html/css_WEB-ITnose
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
최신 이슈
JS를 사용하여 재생 품질 제어 Javascript를 사용하여 비디오의 재생 품질을 제어할 수 있는 방법이 있습니까? 보다 정확하게는 JavaScript를 사용하여 비디오 품질을 선택하고 싶습니...
에서 2024-04-04 00:21:55
0
1
384
특정 속성이나 태그가 포함된 div 요소를 대상으로 CSS 선택기를 사용하는 방법은 무엇입니까? 저는 웹사이트를 생성하는 POS 시스템을 개발하고 있습니다. 대부분의 코드는 독점이므로 편집할 수 없습니다. 일부 이미지가 카테고리로 떠 있는 카테고리 출력 목록...
에서 2024-04-03 22:25:59
0
1
277
CSS 클래스 선택기의 너비 속성을 확인하는 방법은 무엇입니까? 예는 .label입니다.{} 다음은 .label의 너비를 270으로 선택한 CSS 코드에 대한 내 의견입니다. 브라우저의 개발자 도구를 사용하여 .label 요소를 검사하면 실제로 너비가 2...
에서 2024-04-01 17:45:11
0
1
338
래핑 대신 HTML <pre><code> 태그를 오버플로하려고 하면 Flex 간격이 깨집니다. GitHub나 다른 곳에서 볼 수 있는 스타일의 코드 블록을 만들기 위해 프리코드 선택기에 CSS를 적용했습니다. 저는 레이아웃에 Flexbox를 사용하고 있으며...
에서 2024-04-01 12:22:06
0
1
296
관련 주제
더>
인기 추천
인기 튜토리얼
더>
관련 튜토리얼
인기 추천
최신 강좌
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿
회사 소개 부인 성명 Sitemap
PHP 중국어 웹사이트：공공복지 온라인 PHP 교육，PHP 학습자의 빠른 성장을 도와주세요！