CSS에서 ID 선택기의 식별자는 무엇입니까

青灯夜游
풀어 주다: 2022-09-22 15:57:51
원래의
3772명이 탐색했습니다.

CSS에서 id 선택기의 식별자는 "#"입니다. 특정 id 속성 값으로 표시된 HTML 요소에 대해 특정 스타일을 지정할 수 있습니다. 구문 구조는 "#ID 값 {속성: 속성 값;}"입니다. . ID 속성은 전체 페이지에서 고유하며 반복할 수 없습니다. ID 속성 값은 숫자로 시작하면 안 됩니다. 숫자로 시작하는 ID는 Mozilla/Firefox 브라우저에서 작동하지 않습니다.

CSS에서 ID 선택기의 식별자는 무엇입니까

이 튜토리얼의 운영 환경: Windows7 시스템, CSS3&&HTML5 버전, Dell G3 컴퓨터.

ID 선택기는 특정 ID로 표시된 HTML 요소에 대해 특정 스타일을 지정할 수 있습니다.

HTML 요소는 id 속성을 사용하여 id 선택기를 설정하며 CSS의 id 선택기는 "#"로 정의됩니다.

구문 구조는 다음과 같습니다:

#ID { 属性 : 属性值; }
로그인 후 복사

다음 두 개의 ID 선택기 중 첫 번째는 요소의 색상을 빨간색으로 정의할 수 있고 두 번째는 요소의 색상을 녹색으로 정의할 수 있습니다.

CSS에서 ID 선택기의 식별자는 무엇입니까

아래 HTML 코드에서 id 속성이 빨간색인 p 요소는 빨간색으로 표시되고, id 속성이 녹색인 p 요소는 녹색으로 표시됩니다. ID 속성은 전체 페이지에서 반복할 수 없는 유일한 속성입니다.

ID 값은 HTML 문서에서 한 번만 나타날 수 있습니다. 즉, ID는 하나의 요소(요소 유형이 아니라 하나의 요소)만 고유하게 식별할 수 있습니다.CSS에서 ID 선택기의 식별자는 무엇입니까

즉, 요소의 ID는 페이지 내에서 고유하므로 ID 선택기를 사용하여 고유한 요소를 선택합니다!

  • ID 속성 값은 숫자로 시작하지 않으며, 숫자로 시작하는 ID는 Mozilla/Firefox 브라우저에서 작동하지 않습니다.

    id 선택기 및 파생 선택기
  • 현대 레이아웃에서는 ID 선택기를 생성하는 데 자주 사용됩니다. 파생 선택자.

위 스타일은 ID가 사이드바인 요소 내에 나타나는 단락에만 적용됩니다. 이 요소는 테이블 또는 기타 블록 수준 요소일 수도 있지만 div 또는 테이블 셀일 가능성이 높습니다.또는과 같은 인라인 요소일 수도 있지만 이러한 사용은 인라인 요소p>.

다양한 용도를 위한 하나의 선택기

사이드바로 표시된 요소가 문서에 한 번만 나타날 수 있는 경우에도 이 ID 선택기는 파생 선택기로 여러 번 사용될 수 있습니다.CSS에서 ID 선택기의 식별자는 무엇입니까

여기서 분명히 다른 점은 무엇입니까? 페이지의 다른 p 요소와 비교하면 사이드바의 p 요소가 특별한 처리를 받았다는 점입니다. 동시에 페이지의 다른 모든 h2 요소와 분명히 다른 점은 사이드바의 h2 요소도 다른 특수 처리를 받았다는 것입니다. 치료.

별도의 선택기

ID 선택기는 파생 선택기를 생성하는 데 사용되지 않더라도 독립적으로 작동할 수 있습니다.CSS에서 ID 선택기의 식별자는 무엇입니까

이 규칙에 따르면 ID 사이드바가 있는 요소의 너비는 1픽셀입니다. 검은색 점선 테두리 , 그 주위에는 10픽셀 너비의 패딩(패딩, 콘텐츠 공백)이 있을 것입니다. 이전 버전의 Windows/IE 브라우저에서는 이 선택기가 속한 요소를 구체적으로 정의하지 않는 한 이 규칙을 무시할 수 있습니다.

(동영상 공유 학습:

웹 프론트 엔드CSS에서 ID 선택기의 식별자는 무엇입니까)

위 내용은 CSS에서 ID 선택기의 식별자는 무엇입니까의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿
회사 소개 부인 성명 Sitemap
PHP 중국어 웹사이트:공공복지 온라인 PHP 교육,PHP 학습자의 빠른 성장을 도와주세요!