Gemeinschaft Lernen Tools-Bibliothek Freizeit
suchen
Deutsch

HTML+CSS 轻松入门之包含选择器

什么是包含选择器

    包含选择器，即加入空格,用于选择指定标签元素下的后辈元素

语法：

body  div{

       样式

}

实例：

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>包含选择器</title>
	<style type="text/css">
			body div li{
				color:red;
			}
	</style>
</head>
<body>
		<div>中华民族伟大复兴!
			<ul>
				<li>中国</li>
				<li>中国</li>
			</ul>
		</div>

		<p>你知道我的梦，知道我的痛，知道我们感受都相同</p>

		<span>最美的太阳
		        <p>强军梦</p>
		</span>

		<h3>中国梦</h3>
</body>
</html>

如果我想把   强军梦   的字体设置为20号，颜色为蓝色，应该怎么做

在css中加入如下代码：

body span p{

    font-size:20px;

    color:blue;

}

Weiter lernen
||
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>包含选择器</title> <style type="text/css"> body div li{ color:red; } </style> </head> <body> <div>中华民族伟大复兴! <ul> <li>中国</li> <li>中国</li> </ul> </div> <p>你知道我的梦，知道我的痛，知道我们感受都相同</p> <span>最美的太阳</span> <h3>中国梦</h3> </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)  492779 spielt ab