CSS 7.1 选择器-元素选择器

来源：互联网发布：网络推广模式编辑：程序博客网时间：2024/05/22 08:03

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；

0 0