本文主要内容：Css学习笔记：基础篇实例二； 感谢：前沿科技！
如果您打算使用本文涉及到的教程，那么请您先浏览《本站公告》
否则请您离开本文或本站，如果您执意使用本教程请自行承担相关后果～！
谢谢合作～！
相关文章：Css学习笔记：基础篇
源代码二：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>复合选择器：交集</title>
<style type="text/css">
<!--
p {
color: #0000FF;
font-size: 18px;
}
p.special {
/* 标记、类p.special定义的样式 */
color: #FF0000;
font-size: 36px;
}
.special {
/* 类p.special定义的样式 */
color: #00FF00;
}
-->
</style>
</head>
<body>
1、<p>段落文本</p>
<!-- 执行标记p的样式 -->
2、<h3>标题文本</h3>
<!-- 执行标记h3的样式 -->
3、<p class="special">指定p.special类别的段落文本</p>
<!-- 执行标记、类p.special定义的样式 -->
4、<h3 class="special">指定special类别的标题文本</h3>
<!-- 执行special定义的样式，同时执行标记h3的样式 -->
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>复合选择器：交集</title>
<style type="text/css">
<!--
p {
color: #0000FF;
font-size: 18px;
}
p.special {
/* 标记、类p.special定义的样式 */
color: #FF0000;
font-size: 36px;
}
.special {
/* 类p.special定义的样式 */
color: #00FF00;
}
-->
</style>
</head>
<body>
1、<p>段落文本</p>
<!-- 执行标记p的样式 -->
2、<h3>标题文本</h3>
<!-- 执行标记h3的样式 -->
3、<p class="special">指定p.special类别的段落文本</p>
<!-- 执行标记、类p.special定义的样式 -->
4、<h3 class="special">指定special类别的标题文本</h3>
<!-- 执行special定义的样式，同时执行标记h3的样式 -->
</body>
</html>