HTML+CSS 輕鬆入門之分組選擇符

分組選擇符

語法：

E1,E2,E3

說明：
將相同的定義套用於多個選擇符，可將選擇符以逗號分隔的方式並為群組。

下面我們來寫一個例子，例如有div span 　ｐ　等標籤，標籤內有內容，但是我想把他們的內容都使用同一個css樣式，程式碼如下：

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>分组选择符</title>
	<style type="text/css">
			/*现在我需要把div和span 的内容设置红色  p和h4的为橘黄色*/
			div,span{
				color:red;
			}

			p,h4{
				color:#f60;
			}
	</style>
</head>
<body>
		<div>今天是阴天</div>

		<span>气温降低了，注意保暖</span>

		<p>我很不喜欢阴天</p>

		<h4>日全食</h4>
</body>
</html>

繼續學習

新建檔案

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>分组选择符</title> <style type="text/css"> /*现在我需要把div和span 的内容设置红色 p和h4的为橘黄色*/ div,span{ color:red; } p,h4{ color:#f60; } </style> </head> <body> <div>今天是阴天</div> <span>气温降低了，注意保暖</span> <p>我很不喜欢阴天</p> <h4>日全食</h4> </body> </html>

提交重置程式碼

自動運行