pemilih id

Definisi dan penggunaan pemilih id:

Struktur tatabahasa satu:

#myid{ Peraturan }

Struktur tatabahasa ini boleh memilih id ialah unsur myid.

Struktur tatabahasa dua:

E#myid{ sRules }

Struktur tatabahasa ini boleh memilih elemen E dengan id myid.

Contoh kod:

<!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>

Kod boleh menetapkan warna teks elemen dengan id mytest kepada biru.

Nota khas: id harus unik dalam keseluruhan dokumen html, tetapi dalam dokumen di bawah terdapat dua elemen dengan id yang sama, tetapi kesan yang kita inginkan masih tercapai, tetapi dalam operasi sebenar kita Kita mesti meletakkan menamatkan fenomena ini.

<!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>

Kod boleh menetapkan warna teks dalam elemen li dengan id mytest kepada biru.


Meneruskan pembelajaran
||
<!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>
  • Cadangan kursus
  • Muat turun perisian kursus
Tentang kita Penafian Sitemap
Laman web PHP Cina:Latihan PHP dalam talian kebajikan awam,Bantu pelajar PHP berkembang dengan cepat!