十年网站开发经验 + 多家企业客户 + 靠谱的建站团队
量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决
本文小编为大家详细介绍“web前端类选择器指的是什么”,内容详细,步骤清晰,细节处理妥当,希望这篇“web前端类选择器指的是什么”文章能帮助大家解决疑惑,下面跟着小编的思路慢慢深入,一起来学习新知识吧。
创新互联公司-专业网站定制、快速模板网站建设、高性价比南丰网站开发、企业建站全套包干低至880元,成熟完善的模板库,直接使用。一站式南丰网站制作公司更省心,省钱,快速模板网站建设找我们,业务覆盖南丰地区。费用合理售后完善,10年实体公司更值得信赖。
类选择器是通过类名找到页面中带有这个类名标签的选择器;类选择器用来为一系列标签定义相同的呈现方式,常用的语法为“.类名 { css属性名:属性值;}”;其中类名可以由数字、字母、下划线、中划线组成,但不能以数字或者中划线开头。
如何快速入门VUE3.0:进入学习
本教程操作环境:windows10系统、CSS3&&HTML5版、Dell G3电脑。
类选择器 ,类选择器用来为一系列标签定义相同的呈现方式,常用的语法是 .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前端类选择器指的是什么”文章已经介绍完毕,想要掌握这篇文章的知识点还需要大家自己动手实践使用过才能领会,如果想了解更多相关内容的文章,欢迎关注创新互联行业资讯频道。