• 技术文章 >web前端 >前端问答

    web前端中什么是类选择器

    WBOYWBOY2022-08-24 16:48:11原创430

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

    大前端零基础入门到就业:进入学习

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

    web前端中什么是类选择器

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

    类选择器

    结构:

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

    作用:

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

    注意点:

    16.png

    扩展知识

    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)。

    【相关推荐:javascript视频教程web前端

    以上就是web前端中什么是类选择器的详细内容,更多请关注php中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。

    前端(VUE)零基础到就业课程:点击学习

    清晰的学习路线+老师随时辅导答疑

    自己动手写 PHP MVC 框架:点击学习

    快速了解MVC架构、了解框架底层运行原理

    专题推荐:web前端
    上一篇:web是前端还是后端 下一篇:自己动手写 PHP MVC 框架(40节精讲/巨细/新人进阶必看)

    相关文章推荐

    • ❤️‍🔥共22门课程,总价3725元,会员免费学• ❤️‍🔥接口自动化测试不想写代码?• 用JavaScript模拟实现打字小游戏!• JavaScript和ECMAScript之间的关系• JavaScript学习之使用const声明常量• JavaScript ECMAScript 6所有新特性总结• JavaScript中异步与回调的基本概念及回调地狱现象
    1/1

    PHP中文网