Gemeinschaft Lernen Tools-Bibliothek Freizeit
suchen
Deutsch

id选择器

id选择器的定义和用法:

语法结构一:

#myid{ Rules }

此语法结构能够选择id为myid的元素。

语法结构二:

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元素中的文本颜色设置为蓝色。


Weiter lernen
||
<!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>
einreichenCode zurücksetzen
Vorherige Sektion nächsten Abschnitt
Tutorial-Liste
Hilfe bekommen
  • Kursempfehlungen
  • Kursunterlagen herunterladen
Die Kursunterlagen stehen derzeit nicht zum Download zur Verfügung. Die Mitarbeiter organisieren es derzeit. Bitte schenken Sie diesem Kurs in Zukunft mehr Aufmerksamkeit

Auch Studierende, die diesen Kurs gesehen haben, lernen

Das neueste Video-Tutorial zur Weltpremiere von ThinkPHP 5.1 (60 Tage zum Online-Schulungskurs zum PHP-Experten)  492788 spielt ab