css的选择符有哪些

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

css的选择符有哪些

本教程操作环境: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,选择所有父级是

元素的每个 元素。(学习视频分享: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、属性选择符:选择带有特定属性的元素。

[attribute]:用于选取带有指定属性的元素。

[attribute=value]:用于选取带有指定属性和值的元素。

[attribute~=value]:用于选取属性值中包含指定词汇的元素。

[attribute|=value]:用于选取带有以指定值开头的属性值的元素,该值必须是整个单词。

[attribute^=value]:匹配属性值以指定值开头的每个元素。

[attribute$=value]:匹配属性值以指定值结尾的每个元素。

[attribute*=value]:匹配属性值中包含指定值的每个元素。

更多编程相关知识,请访问:css视频教程!!

以上就是css的选择符有哪些的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2951503.html

(0)
上一篇 2025年3月11日 23:37:39
下一篇 2025年3月11日 23:37:49

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • css为什么不能正常加载

    css不能加载的原因:1、网络原因,例如IIS空间不足、浏览者网速慢、空间速度慢等;2、使用link标签引入CSS样式文件时路径有问题,或者CSS代码不兼容;3、HTML页面编码与CSS编码不同。 本教程操作环境:windows7系统、CS…

    2025年3月11日
    200
  • css设置字体的属性有哪些

    css设置字体的属性有:font、font-family、font-size、font-style、font-variant、font-weight、“@font-face”、font-size-adjust、font-stretch。 本…

    2025年3月11日
    200
  • jsp与css的区别是什么

    区别:1、JSP是一种动态网页开发技术,使用Java编程语言;而CSS是一种用来表现HTML或XML等文件样式的计算机语言,是可以做到网页和内容进行分离的一种样式语言。2、 jsp在服务器执行,css在客户端被解析渲染。 本教程操作环境:w…

    2025年3月11日
    200
  • css/html怎样让段落空出一行

    让段落空出一行的方法:1、使用p标签空行,只需要将段落文字用p标签包裹起来即可,语法“段落内容”;2、使用br换行符空行,只需要在需要换行的文字后面输入“”即可。 本教程操作环境:windows7系统、CSS3&&HTML5…

    2025年3月11日
    200
  • css怎么设置居中对齐

    css设置居中对齐的方法:1、通过“text-align:center”或“margin:垂直 auto;”实现水平居中;2、通过“line-height”实现垂直居中;3、通过“弹性布局”实现水平垂直居中等等。 本文操作环境:window…

    2025年3月11日
    200
  • div css怎么实现隐藏滚动条

    div css实现隐藏滚动条的方法:1、计算滚动条宽度并隐藏起来;2、使用三个容器包围起来,不需要计算滚动条的宽度;3、自定义滚动条的伪对象选择器“::-webkit-scrollbar”。 本文操作环境:windows7系统、HTML5&…

    2025年3月11日
    200
  • css文字如何垂直居中

    css实现文字垂直居中的方法:1、使用line-height属性使文字垂直居中;2、将外部块格式化为表格单元格;3、通过CSS3的flex布局使文字垂直居中。 本文操作环境:windows7系统、HTML5&&CSS3版、D…

    2025年3月11日 编程技术
    200
  • 怎么添加css样式

    添加css样式的方法:1、通过html的style属性实现添加;2、在style标签中写css样式;3、通过链接式实现添加;4、通过导入式实现添加,代码如“@import url(demo.css)”。 本文操作环境:windows7系统、…

    2025年3月11日 编程技术
    200
  • css怎么设置文本颜色

    css设置文本颜色的方法:1、在DIV标签内使用color属性设置文本颜色样式;2、在CSS选择器中使用color属性设置文本颜色样式。 本文操作环境:windows7系统、HTML5&&CSS3版、Dell G3电脑。 两…

    2025年3月11日
    200
  • css如何选择元素

    css选择元素的方法:首先创建一个HTML示例文件;然后在body中创建多行文本;最后使用“:nth-of-type(n)”选择器或“:last-child”选择器来选择元素即可。 本文操作环境:windows7系统、HTML5&&…

    2025年3月11日
    200

发表回复

登录后才能评论