Rumah > Artikel > hujung hadapan web > 什么是CSS选择器？css选择器有哪些类型

什么是CSS选择器？css选择器有哪些类型

云罗郡主asal: 2018-11-03 14:44:315904semak imbas

在css样式中，一般都是由三部分组成，选择器和属性，属性值，但是很多css小白对CSS选择器并不是很熟悉，下面我们就来讲解一下什么是CSS选择器？css选择器有哪些类型?【推荐阅读：30个CSS3选择器用法总结】

我们先看一段代码:

<!DOCTYPE html> 
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>什么叫CSS选择器？</title>
</head>
<body>
    <div>php1</div>
    <div>php2</div>
    <div>php3</div>
</body>
</html>

效果如下：

微信截图_20181103144006.png

如果我们想要把php2设置成蓝色，怎么办呢？我们必须通过一种方式来“选中”第二个div，然后把它的CSS属性颜色color改为蓝色，像这种把某一个元素改成你想要的效果，把你想要的标签选中的方式就是所谓的“选择器”，也就是说选择器就是一种选择元素的方式。

所谓选择器，说白了就是用一种方式把你想要的那一个标签选中！把它选中了，你才能操作这个标签的CSS样式。这样够简单了吧。CSS有很多把你所需要的标签选中的方式，这些不同的方式就是不同的选择器。

二：css选择器有哪些类型

1.标签选择器（如：body,div,p,ul,li）

2.类选择器（如：class="head",class="head_logo"）

3.ID选择器（如：id="name",id="name_txt"）

4.全局选择器（如：*号）

5.组合选择器（如：.head .head_logo,注意两选择器用空格键分开）

6.继承选择器（如：div p,注意两选择器用空格键分开）

7.伪类选择器（如：就是链接样式,a元素的伪类，4种不同的状态：link、visited、active、hover。）

8.字符串匹配的属性选择符(^ $ *三种，分别对应开始、结尾、包含)

以上就是对什么是CSS选择器？css选择器有哪些类型的全部介绍，如果你想了解更多有关CSS3教程，关注php中文网。

Atas ialah kandungan terperinci 什么是CSS选择器？css选择器有哪些类型. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan：

Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Artikel sebelumnya：css布局之百分比宽度布局的使用Artikel seterusnya：css中inline-block是什么？inline-block布局的使用

Artikel berkaitan

Lihat lagi