HTML_HTML/Xhtml_웹 페이지 제작 시 CSS를 위한 세 가지 일반적인 스타일 선택기

1: 태그 선택기

태그 선택기는 특정 태그가 포함된 모든 태그에 대해 유효합니다. 여기서는 p를 예로 들어 보겠습니다. 즉, p로 표시된 모든 항목은 이 스타일을 갖습니다

코드 복사

코드는 다음과 같습니다.

< head>

p{font:"宋体"; color:#FF0000}


지금 보여드리는 것은 태그 선택기입니다

저는 또한 태그 선택기

어떤 선택기에도 수정되지 않았습니다

2: id 선택기 , id="yy"에만 이 스타일이 있고 페이지에 있는 요소의 ID가 고유해야 하므로 id 선택기가 고유하다는 점에 유의하세요. . . #으로 시작하는 ID 선택기가 id=""

라는 것을 알고 계셨나요?

코드 복사

코드는 다음과 같습니다.

< head>

#yy{font:"宋体"; color:#FF0000}



지금 보여드리는 것은 id 선택기

수정되지 않았습니다 ID 선택기

어떤 선택기에서도 수정되지 않았습니다

3: 클래스 선택기 , 클래스 선택기는 로 시작합니다. 이 스타일을 표시하려면 요소의 class=""를 넣으면 됩니다.

코드 복사코드는 다음과 같습니다.

< head>

.yy{font:"宋体"; color:#FF0000}



제가 보여드리는 것은 클래스 선택기입니다

나는 수정되지 않았습니다 클래스 선택자

나는 어떤 선택자에도 수정되지 않습니다>