本文主要内容：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">
<!--
h1,h2,h3,h5,p{
/* 并集选择器 */
font-size: 18px;
color: #0000FF;
}
h2.special,.special,#one{
/* 集中声明 */
text-decoration: underline;
}
-->
</style>
</head>
<body>
<h1>文字1</h1>
<h2 class="special">文字2</h2>
<!-- 执行标记、类h2.special定义的样式 -->
<h3>文字3</h3>
<h4>文字4</h4>
<p>标记p1</p>
<p class="special">标记p2</p>
<p id="one">标记p3</p>
</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">
<!--
h1,h2,h3,h5,p{
/* 并集选择器 */
font-size: 18px;
color: #0000FF;
}
h2.special,.special,#one{
/* 集中声明 */
text-decoration: underline;
}
-->
</style>
</head>
<body>
<h1>文字1</h1>
<h2 class="special">文字2</h2>
<!-- 执行标记、类h2.special定义的样式 -->
<h3>文字3</h3>
<h4>文字4</h4>
<p>标记p1</p>
<p class="special">标记p2</p>
<p id="one">标记p3</p>
</body>
</html>
源代码四：
<!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 span{
color:red;
font-size: 18px;
}
span{color:blue;
}
-->
</style>
</head>
<body>
<p>嵌套<span>使用css</span>标记的方法</p>
嵌套之外的<span>标记</span>不生效
</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 span{
color:red;
font-size: 18px;
}
span{color:blue;
}
-->
</style>
</head>
<body>
<p>嵌套<span>使用css</span>标记的方法</p>
嵌套之外的<span>标记</span>不生效
</body>
</html>