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

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

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

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

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

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

#ID {
  属性 : 属性值;
}

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

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

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

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

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

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

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

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

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

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

별도의 선택기

ID 선택기는 파생 선택기를 생성하는 데 사용되지 않더라도 독립적으로 작동할 수 있습니다.

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

(동영상 공유 학습:

웹 프론트 엔드)

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