Gemeinschaft Lernen Tools-Bibliothek Freizeit
suchen
Deutsch

子选择器

子选择器的匹配范围要比后代选择器要小，后代选择器是子孙后代全部匹配，而子选择器则只会匹配一级子元素。

E > F    子包含选择器    选择匹配F的元素，且该元素为所匹配E元素的子元素。    

E>F

以上代码就是创建子选择器的格式，中间用一个大于号分隔，代码实例如下: 

.antzone>li{
  color:blue
}

以上代码只会讲antzone下的一级子元素li的字体颜色设置为蓝色。

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

由上面的代码可以看到只有box元素的第一级ul子元素中的字体颜色才会被设置为蓝色。

Weiter lernen
||
<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.php.cn/" /> <title>PHP中文网</title> <style type="text/css"> #box > ul{ color: #d097ff } </style> </head> <body> <div id="box"> <ul> <li>欢迎来到PHP中文网</li> <li>PHP中文网欢迎您</li> </ul> <div> <ul> <li>欢迎来到PHP中文网</li> <li>PHP中文网欢迎您</li> </ul> </div> </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)  492784 spielt ab