css选择器的声明符是什么？css id选择器

编程之家2026-06-07633次浏览

老铁们，大家好，相信还有很多朋友对于css选择器的声明符是什么和css id选择器的相关问题不太懂，没关系，今天就由我来为大家分享分享css选择器的声明符是什么以及css id选择器的问题，文章篇幅可能偏长，希望可以帮助到大家，下面一起来看看吧！

css的选择器是还是比较富的，主要的css选择器如下：

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

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

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

全局选择器（如：*号）

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

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

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

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

以上选择器在日常开发中最常用的就是标签选择器、类选择器和id选择器，下面是这三种选择器的基本用法1、标签名选择器一个XHTML文档中有许多标签，例如p标签，h1标签等。若要使文档中的所有p标签都使用同一个CSS样式，就应使用标签选择器。

div{color:red;border:1px blue solid;}

p{color:#000;}

2、类选择器使用标签选择器可以为整个XHTML文档中的同一个标签指定相同的CSS样式。但是在实际运用中，XHTML文档中的同一个标签会被反复使用。若要为相同的标签赋予不同的CSS样式就应使用类选择器。

.test{color:red;border:1px blue solid;}

3、id选择器，id选择器是唯一的，只可以获取独一无二的一个元素。

#test{color:red;border:1px blue solid;}

<a>标签可定义锚。锚(anchor)有两种用法：

通过使用 href属性，创建指向另外一个文档的链接（或超链接）

通过使用 name或 id属性，创建一个文档内部的书签（也就是说，可以创建指向文档片段的链接）

<a>元素最重要的属性是 href属性，它指定链接的目标。

伪类选择器包括：

:link表示未访问的链接

:visited表示已访问的链接

:hover表示鼠标悬停的链接

:active表示选定的链接

在 CSS定义中，a:hover必须被置于 a:link和 a:visited之后，才是有效的。

在 CSS定义中，a:active必须被置于 a:hover之后，才是有效的。

伪类名称对大小写不敏感。

CSS主要的作用就是给网页中的dom元素设置样式，选择器则是用来匹配dom元素的。

CSS中的选择器有三种，分别是标签选择器(根据元素标签名称)，类选择器(根据元素class属性)，id选择器(根据元素id属性)，并且三种选择器可以相互结合使用

例如：

body{background-color:red}

//这里的body就是标签选择器了，{}中是设置匹配元素的背景颜色，即设置body背景色为红色

#main{width:600px}

//这里的#main就是id选择器了，匹配网页中id为main的元素

.logo{width:300px}

//这里的.logo就是类型选择器了，匹配网页中class为logo的元素

div.logo{width:300px}

//这里的div.logo结合了标签选择器和类选择器，匹配网页中class为logo的div元素

如果你还想了解更多这方面的信息，记得收藏关注本站。