HTML+CSS ID 선택기로 쉽게 시작하기

ID 선택자는 어떤 면에서는 클래스 선택자와 유사하지만 몇 가지 중요한 차이점이 있습니다.

구문:

# id name {

스타일

}

대소문자 구분

클래스 선택자와 ID 선택자는 대소문자를 구분할 수 있습니다. 이는 문서의 언어에 따라 다릅니다. HTML 및 XHTML은 클래스 및 ID 값을 대소문자를 구분하도록 정의하므로 클래스 및 ID 값의 대소문자는 문서의 해당 값과 일치해야 합니다.

예:

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>ID选择器</title>
	<style type="text/css">
			#div{
				color:green;
				font-family:隶书;
				font-size:18px;
			}
	</style>
</head>
<body>
		<div id="div">中华民族伟大复兴!</div>
</body>
</html>

id 선택자와 클래스 선택자의 차이점은 무엇입니까

클래스와 달리 ID 선택자는 HTML 문서에서 한 번만 사용됩니다.
클래스 선택자와 달리 ID 속성은 공백으로 구분된 단어 목록을 허용하지 않으므로 ID 선택자를 함께 사용할 수 없습니다.
예: <div class ="class1 class2 class2"></div>즉, class는 여러 클래스의 목록과 동일할 수 있습니다.
Write id = "div1 div2 "즉, 클래스 속성

과 달리 ID는 하나만 있을 수 있습니다.

지속적인 학습

새로운 파일

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>ID选择器</title> <style type="text/css"> #div{ color:green; font-family:隶书; font-size:18px; } </style> </head> <body> <div id="div">中华民族伟大复兴!</div> </body> </html>

제출하다 코드 재설정

자동운전