本文介绍了CSS7.1中的元素选择器和通配符选择器使用方法，包括基本的选择器概念、分组技巧以及通配符应用，并通过实例展示了不同选择器的优先级。
CSS 7.1 选择器-元素选择器
1.所谓的元素选择器，在W3C标准中，元素选择器也称为类型选择器。
就是我们最常用的，选择器是元素的。
例如：
p { color：red；}
h1 { color：red；}
a { color：red；}
html { color：red；} //html包含的元素颜色都是red
body { color：red；} //body包含的元素颜色都是red
2.分组。
①选择器的分组：将多个元素放在左边，用逗号，隔开。例如：
h1，p { color：red；}
②声明的分组：将多个声明放在括号里，用分号；隔开。例如：
p { color：red；font-size：14px；}
③不同的分组方法。以下分组是等价的。
㈠ h1 { color：red；font-size：18px；}
h2 { color：red；font-size：14px；}
p { color：black；font-size：14px；}
㈡ h1，h2 { color：red；}
h1 {font-size：18px；}
h2，p {font-size：14px；}
p { color：black；}
3.通配符选择器，即用通配符*作为元素。该选择器可以与任何元素匹配。例如：
* { color：red；} //可以使文档中的每一个元素都为红色。
4.当一个元素有多个选择器对他定义时，选择离他最近，范围最小的选择器。
例如：
html {color：gray；}
body { color：black：}
p {color：red；}
a {color：blue；}
结果：
<a>元素：蓝色blue；
<p>元素，除了<a>：红色red；
<body>元素，除了<p>：黑色black；
<html>元素，除了<body>：灰色gray；
扫一扫
428
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
