CSS ID 선택기를 정의하는 방법

CSS ID 선택기

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

id 선택자는 "#"으로 정의됩니다. (추천 학습: CSS 입문 튜토리얼)

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

#red {color:red;}
#green {color:green;}

In 아래 HTML 코드에서는 id 속성이 빨간색인 p 요소가 빨간색으로 표시되고, id 속성이 녹색인 p 요소가 녹색으로 표시됩니다.

<p id="red">这个段落是红色。</p>
<p id="green">这个段落是绿色。</p>

참고: id 속성은 HTML 문서당 한 번만 나타날 수 있습니다.

별도의 선택기

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

#sidebar {
border: 1px dotted #000;
padding: 10px;
}

이 규칙에 따르면 id 사이드바가 있는 요소는 너비가 1픽셀이고 검정색 점선 테두리에는 10이 표시됩니다. 주변에 패딩 픽셀이 있습니다.

이 선택기가 속한 요소를 구체적으로 정의하지 않는 한 이전 버전의 Windows/IE 브라우저에서는 이 규칙을 무시할 수 있습니다.

div#sidebar {
border: 1px dotted #000;
padding: 10px;
}

위 내용은 CSS ID 선택기를 정의하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!