交集选择器


需求: 强调“非常重要“4个字

这里可以使用交接选择器实现。

html文件:

<html>
	<head>
		<link rel="stylesheet" href="HtmlPage2.css" type="text/css"></link>
	</head>
	<body>
		欢迎来到一点教程网(http://www.yiidian.com)
		<span class="style2">新闻一</span>
		<span class="style2">新闻二</span>
		<span class="style2">新闻三</span>
		<span class="style2">新闻四</span>
		<span class="style2">新闻五</span>
		<br />
		<span id="style1">这是一则<span
			style="font-style: italic; color: red">非常重要</span>的新闻.</span>
	</body>
</html>

HtmlPage2.css文件:

/*交集选择器*/
#style1 span{
	font-style: italic;
	color: red;
}