软件技术的发展趋势seo手机端优化
目录
非 VIP 用户可前往公众号进行免费阅读
标签选择器
id 选择器
类选择器
介绍
公共类
CSS 中优先用 class 选择器，慎用 id 选择器
后代选择器
交集选择器
以标签名作为开头
以类名作为开头
连续交集
并集选择器（分组选择器）
通配符*
儿子选择器 >（IE7 开始兼容，IE6 不兼容）
下一个兄弟选择器（IE7 开始兼容，IE6 不兼容）
序选择器（IE8 开始兼容，IE6、7 都不兼容）
非 VIP 用户可前往公众号进行免费阅读
CSS 选择器的分类与使用要点一这篇文章主要介绍了 CSS 选择器，包括标签选择器、id 选择器、类选择器（含介绍、公共类等），还提到在 CSS 中优先用 class 选择器，慎用 id 选择器，另外还有后代选择器和交集选择器（分以标签名、类名开头及连续交集等情况）。
https://mp.weixin.qq.com/s?__biz=MzIxNTcyNjE0NA==&mid=2247484589&idx=1&sn=60d0f725c550261a92d67633639a154d&chksm=9792a582a0e52c94e254d868073069f57d16de20e1c968622145eb27ddd1cabe98256858eee2&scene=21#wechat_redirect
关注作者微信公众号，开启探索更多 CSS 知识的精彩之旅。在这里，你将收获丰富的CSS专业内容，深入了解这一网页开发语言的奥秘，不断拓展你的知识边界，提升技能水平。快来关注吧！
标签选择器
标签选择器可选取页面上所有特定类型的标签，其作用力度大致相当于一个类名（约 255 个标签的效果与 1 个类名相近）。它常常被用于描述同类标签的共同特性，然而在精准展现某一特定元素的独特个性方面则稍显乏力。
示例代码如下：
css:
<style type="text/css">
body{
background-color:pink;
}
h3{
font-size: 14px;
color: red;
}
p{
background-color: skyblue;
text-align: center;
font-weight: bold;
font-size: 22px;
text-decoration:line-through;
color: blue;
}
</style> html:
<body>
<h3>h3标题标签</h3>
<ul>
<li>
<ul>
<li>
<ul>
<li>
<ul>
<li><p>p段落标签</p></li>
</ul>
</li>
</ul>
</li>
</ul>
</li>
</ul>
<p>p段落标签</p>
</body> 运行结果：
分析：在这个示例当中，我们运用标签选择器分别针对<body>、<h3>以及<p>标签设定了各不相同的样式。
id 选择器
在 CSS 中，“#” 乃是 id 选择器的独特标识符号。可在 HTML 标签中添加属性 “id”，从而为特定的标签赋予独一无二的标识符。id 的命名需以字母开头