아이디 선택기

ID 선택기의 정의 및 사용법:

문법 구조 1:

#myid{ Rules }

이 문법 구조에서는 ID를 선택할 수 있습니다. myid의 요소입니다.

문법 구조 2:

E#myid{ sRules }

이 문법 구조는 ID가 myid인 E 요소를 선택할 수 있습니다.

예제 코드:

<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://ask.php.cn/" />
<title>php中文网</title>
<style type="text/css">
#mytest{
  color:blue;
}
</style>
</head>
<body>
<div>
  <ul>
    <li id="mytest">php中文网欢迎您</li>
    <li>php中文网</li>
  </ul>
  <p id="mytest">php中文网欢迎您</p>
</div>
</body>
</html>

이 코드는 ID가 mytest인 요소의 텍스트 색상을 파란색으로 설정할 수 있습니다.

특별 참고 사항: id는 전체 html 문서에서 고유해야 하지만 아래 문서에는 동일한 id를 가진 두 요소가 있지만 우리가 원하는 효과는 여전히 달성되지만 실제 작업에서는 이 현상의 끝.

<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://ask.php.cn/" />
<title>php中文网</title>
<style type="text/css">
li#mytest{
  color:blue;
}
</style>
</head>
<body>
<div>
  <ul>
    <li id="mytest">php中文网欢迎您</li>
    <li>php中文网</li>
  </ul>
  <p>php中文网欢迎您</p>
</div>
</body>
</html>

코드는 ID가 mytest인 li 요소의 텍스트 색상을 파란색으로 설정할 수 있습니다.

지속적인 학습

새로운 파일

<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://ask.php.cn/" /> <title>php中文网</title> <style type="text/css"> li#mytest{ color:blue; } </style> </head> <body> <div> <ul> <li id="mytest">php中文网欢迎您</li> <li>php中文网</li> </ul> <p>php中文网欢迎您</p> </div> </body> </html>

제출하다 코드 재설정

자동운전