CSS选择器总结

选择器

选择器用来指定网页上我们想要样式化的HTML元素。

为此我总结了以下的选择器：

1. id选择器
2. class选择器
3. 标签选择器
4. 群组选择器
5. 派生选择器
6. 通配选择器
7. 伪类选择器

---

1. id选择器：

<style type = "text/css">
#id名称{属性}
</style>

<div id = "id名称"></div>

2. class选择器

<style type = "text/css">
.class名称{属性}
</style>

<div class = "类名"></div>
<div class = "类名"></div>
<div class = "类名"></div>

3. 标签选择器

<style type = "text/css">
div {属性}
</style>

<div></div>
<div></div>
<div></div>

4. 群组选择器

指的是一下选中几个标签

<style type = "text/css">
div, h1, p {属性}
</style>

<div></div>
<h1></h1>
<p></p>

5. 派生选择器

像地址一样,比如想选中div下id为p的标签

<style type = "text/css">
div h1{属性}
</style>

<div>
<h1></h1>
</div>

6. 通配选择器

<style type = "text/css">
* {属性}
</style>

<div></div>
<h1></h1>
<p></p>

7. 伪类选择器

伪类选择器选中的是一种状态