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

    css的选择符有哪些

    青灯夜游青灯夜游2021-04-28 13:50:33原创3848

    css选择符有:1、通配选择符“*”;2、id选择符;3、类选择符;4、标签选择符;5、相邻选择符“E+F”;6、子选择器“E>F”;7、后代选择符“E F”;8、伪类和伪元素选择符,例如“:first”;9、属性选择符。

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

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

    css选择符(选择器)是用来规定css样式用于哪一个或哪一些dom元素的一种规范。

    每一条css样式定义由两部分组成,形式如下:选择器{样式} 在{}之前的部分就是“选择器”。

    “选择器”指明了{}中的“样式”的作用对象(dom对象),也就是“样式”作用于网页中的哪些元素。

    css选择符(选择器)有哪些?

    1、通配选择符( * ):匹配任意元素。

    2、id选择符( # myid):匹配 ID 等于“myid”的任意元素 。

    3、类选择符(.myclassname):匹配 class 等于“myclassname”的任意元素.

    4、标签选择符(div, h1, p):选择指定元素名称的所有元素。

    5、相邻选择符(E + F):用于选择(不是内部)指定的第一个元素之后紧跟的元素。

    6、子选择符(E > F):用于选取带有特定父元素的元素,例ul > li,选择所有父级是 <ul> 元素的每个 <li> 元素。(学习视频分享:css视频教程

    7、后代选择符(E F):用于选取元素内部的元素。

    8、伪类和伪元素选择符:用于向某些选择器添加特殊的效果。

    :active:any-link:blank:checked:current:default
    :defined:dir():disabled:drop:empty:enabled
    :first:first-child:first-of-type:fullscreen:future:focus
    :focus-visible:focus-within:has():host:host():host-context()
    :hover:indeterminate:in-range:invalid:is():lang():last-child
    :last-of-type:left:link:local-link:not():nth-child()
    :nth-col():nth-last-child():nth-last-col():nth-last-of-type():nth-of-type():only-child
    :only-of-type:optional:out-of-range:past:placeholder-shown:read-only
    :read-write:required:right:root:scope:target
    :target-within:user-invalid:valid:visited:where()

    9、属性选择符:选择带有特定属性的元素。

    更多编程相关知识,请访问:编程入门!!

    以上就是css的选择符有哪些的详细内容,更多请关注php中文网其它相关文章!

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

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

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

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

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

    专题推荐:css 选择符
    上一篇:html切图是什么 下一篇:自己动手写 PHP MVC 框架(40节精讲/巨细/新人进阶必看)

    相关文章推荐

    • ❤️‍🔥共22门课程,总价3725元,会员免费学• ❤️‍🔥接口自动化测试不想写代码?• css的伪类有哪些• css如何设置不规则阴影• css3新增的伪类有哪些• css中什么是行高• css怎么设置a标签颜色• css背景图片怎么设置透明度渐变
    1/1

    PHP中文网