本文详细介绍了CSS中的标签选择器、id选择器、类选择器以及后代选择器的用法，通过实例展示了如何设置元素样式，包括颜色、字体大小、边框等。同时，还探讨了分组选择器、通配符选择器以及如何使用ID选择器来增强页面的可读性和可维护性。
html
选择器
1.标签选择器
<head>
<style type="text/css">
span{
border: 1px solid red;
}
</style>
</head>
2.id选择器,分组选择器，通配符选择器，
<style type="text/css">
<!--分组选择器,多个选择器使用逗号间隔的新选择器-->
<head>
span,i{
color: red;
}
<!--通配符选择器,匹配html中定义的所有标签-->
*{
margin: 0px;
padding: 0px;
}
<!--使边框至边框-->
<!--id选择器-->
#t1{
font-size: 36px;
}
</style>
<head>
<body>
<p id="t1">123</p>
</body>
3.类选择器
在head内
<style>
.text-size{ <!--类选择器-->
font-size: 36px; <!--字体大小-->
}
</style>
在body内
<span class="text-size">郑州</span>
<i class="text-size">高新南港区</i>
4.后代选择器（更加精确）
格式同上
html body p{
font-size: 140px;
font-family: 华文彩云;
}
在body内
<p>123</p>
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
