01.css选择器-->类选择器

转载于 2017-10-10 19:13:00 发布 · 63 阅读

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/ronghtp/p/7647318.html

本文通过一个HTML页面实例展示了如何使用CSS类选择器来指定不同颜色的文字显示效果。页面中定义了两个不同的div，每个div内部包含了一个带有类名为'text'的段落元素，分别设置为红色和黄色。

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<style>
	#div1 .text{
		color: red;
	}
	#div2 .text{
		color: yellow;
	}
</style>
<title>类选择器</title>
</head>
<body>
	<div id="div1">
		<p class="text">这是黄色</p>
	</div>
	<p class="q"></p>
	<p class="w"></p>
	<p class="e"></p>
	<p class="r"></p>
	<div id="div2">
		<p class="text">这是红色</p>
	</div>
</body>
</html>

转载于:https://www.cnblogs.com/ronghtp/p/7647318.html