web前端类选择器指的是什么

本文小编为大家详细介绍“web前端类选择器指的是什么”，内容详细，步骤清晰，细节处理妥当，希望这篇“WEB前端类选择器指的是什么”文章能帮助大家解决疑惑，下面跟着小编的思路慢慢深入，一起来学习新知识吧。

类选择器是通过类名找到页面中带有这个类名标签的选择器；类选择器用来为一系列标签定义相同的呈现方式，常用的语法为“.类名 { CSS属性名:属性值;}”；其中类名可以由数字、字母、下划线、中划线组成，但不能以数字或者中划线开头。

如何快速入门vue3.0：进入学习

本教程操作环境：windows10系统、css3&&HTML5版、Dell G3电脑。

web前端什么是类选择器

类选择器 ，类选择器用来为一系列标签定义相同的呈现方式，常用的语法是 .classValue{property:value}。其中classValue是类选择器的名称，这是由css编写者自己命名。

类选择器

结构:

.类名 { css属性名:属性值; }

作用:

通过类名，找到页面中所有带有这个类名的标签，设置样式

注意点:

• 所有标签上都有class属性，class属性的属性值称为类名(类似于名字)

• 类名可以由数字、字母、下划线、中划线组成，但不能以数字或者中划线开头

• 一个标签可以同时有多个类名，类名之间以空格隔开

• 类名可以重复，一个类选择器可以同时选中多个标签

扩展知识

web前端常用选择器有哪些

第一种是标签选择器，也成为元素选择器。标签选择器的基本形式如下：tagName{property:value}，其中tagName是标签名称，property是css的属性。

第二种是类选择器 ，类选择器用来为一系列标签定义相同的呈现方式，常用的语法是 .classValue{property:value}。其中classValue是类选择器的名称，这是由css编写者自己命名。

第三种是ID选择器，ID选择器定义的是某一个特定的html元素，一个网页中只有一个标签或元素使用某一ID的属性值。ID选择器的基本语法格式如下：

#idValue{property:value}。其中idValue是ID选择器的名称，可以由CSS编写者自己编写。

第四种是全局选择器，全局选择器就是对所有的htmlz元素起作用。语法格式为： *{propery:value}。其中“*”表示对所有元素起作用，property表示css的属性，value表示属性值。

第五种是组合选择器，就是将多种选择器进行搭配，可以构成一种复合选择器，也称为组合选择器。

第六种是继承选择器，继承的规则是子标签在没有定义的情况下，继承父标签的选择器；当子标签重复定义了父标签的声明时，执行子标签选择器。

第七种时伪类选择器，伪类选择器主要应用在标签上，它由四种状态：未访问链接（link）、已访问链接（visited）、激活链接（active）、鼠标停留在连接上(hover)。

读到这里，这篇“web前端类选择器指的是什么”文章已经介绍完毕，想要掌握这篇文章的知识点还需要大家自己动手实践使用过才能领会，如果想了解更多相关内容的文章，欢迎关注编程网html频道。