css有哪几种选择器

css选择器的种类有:1、元素选择器;2、id选择器;3、类选择器;4、分组选择器(并集选择器);5、复合选择器(交集选择器);6、通配选择器;7、后代元素选择器;8、子元素选择;9、伪类选择器;10、属性选择器;11、兄弟元素选择器。

css有哪几种选择器

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

CSS选择器有哪几种

1、元素选择器 标签名{ }

2、id选择器 #id属性值{ }

3、类选择器 ·class属性值{ }

立即学习“前端免费学习笔记(深入)”;

css有哪几种选择器

4、分组选择器(并集选择器)

作用:通过它可以同时选中多个选择器对应的元素(通常用于集体声明)

语法:

选择器1,选择器2,选择器n{ }

登录后复制

5、复合选择器(交集选择器)

作用:选择更准确更精细的目标元素并为其设置属性

语法:

选择器1选择器2选择器n{ }

登录后复制

css有哪几种选择器

6、通配选择器

作用:用来选中页面中所有的元素

语法:*{ }

css有哪几种选择器

7、后代元素选择器

作用:选中指定元素的指定后代元素

语法:祖先元素 后代元素{ }

 css有哪几种选择器

8、子元素选择器

作用:选中指定父元素的子元素

语法:父元素>子元素

css有哪几种选择器

9、伪类选择器

伪类表示元素的一种特殊状态

:hover   移入时元素的状态

:visited  已被访问过后的元素的状态

:active  被点击时元素的状态

css有哪几种选择器

10、属性选择器

作用:根据元素中的属性或属性值来选取指定元素

语法:

[属性名]选取含有指定属性的元素[属性名=“属性值”]选取含指定属性值的元素[属性名^="属性值"] 选取属性值以指定内容开头的元素[属性名$="属性值"] 选取属性值以指定内容结尾的元素[属性名*="属性值"] 选取属性值包含指定内容的元素

登录后复制

css有哪几种选择器

11、兄弟元素选择器

+选择器

作用:选中一个元素后紧挨着的指定的兄弟元素

语法:前一个+后一个(作用在后一个)

~选择器

作用:选中后边所有的制定兄弟元素

语法:前一个~后边所有

css有哪几种选择器

学习视频分享:css视频教程

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

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

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

(0)
上一篇 2025年3月11日 23:31:03
下一篇 2025年3月8日 08:16:48

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

相关推荐

  • less和css的区别是什么

    区别:1、Less是一门CSS预处理语言,而css是一种用来表现HTML或XML等文件样式的计算机语言;2、less扩展了CSS语言,增加了css本身没有的变量、函数等特性;3、css可以被浏览器直接识别,less需要先编译为css。 本教…

    2025年3月11日
    200
  • jquery css()和attr()的区别是什么

    区别:attr()主要是针对元素的属性进行操作(和Html标签有关),如img的src属性和alt属性,a链接的href属性等等;而css()修改的是样式里面的属性(和style有关),即是style里面的属性。 本教程操作环境:windo…

    2025年3月11日
    200
  • css中的bootstrap是指什么

    bootstrap是指来自Twitter的,基于HTML、CSS、JavaScript开发的简洁、直观、强悍的前端开发框架;它支持Sass变量和mixin、响应式栅格系统、自带大量组件和众多强大的JavaScript插件。 本教程操作环境:…

    2025年3月11日
    200
  • html css是什么

    html css分别是指:1、超文本标记语言,html是一种标记语言,它包括一系列标签;2、层叠样式表,css是一种用来表现HTML或XML等文件样式的计算机语言,CSS能够对网页中元素位置的排版进行像素级精确控制。 本文操作环境:wind…

    2025年3月11日
    200
  • css怎么设置不显示下边框

    css设置不显示下边框的方法:首先创建一个HTML示例文件;然后在body中创建p标签内容;最后通过设置属性“border-bottom:none;”即可不显示下边框。 本文操作环境:windows7系统、HTML5&&CS…

    2025年3月11日
    200
  • css如何让边框透明

    css让边框透明的方法:首先创建一个HTML示例文件;然后在body中创建一个div;最后通过给div设置“border-top:10px solid  rgba(200,200,200,0.25);”样式即可让指定的边框透明。 本文操作环…

    2025年3月11日
    200
  • jquery怎么添加css

    在jquery中,可以使用css()方法来添加css样式,该方法可以为匹配的元素设置一个或多个css样式;语法格式“$(选择器).css(属性名称,属性值)”或者“$(选择器).css({属性名称:属性值,属性名称:属性值…})…

    2025年3月11日
    200
  • css怎么设置外边距

    css设置外边距的方法:1、使用margin属性,在一个声明中设置元素的所有外边距;2、使用margin-top、margin-bottom、margin-left和margin-right属性,分别设置元素的上、下、左、右四个外边距。 本…

    2025年3月11日
    200
  • css fixed是什么意思

    fixed的意思为“固定”,是css position属性的属性值,可以使元素固定,而被固定的元素不会随着滚动条的拖动而改变位置。在视野中,固定定位“position:fixed”的元素的位置是不会改变的。 本教程操作环境:windows7…

    2025年3月11日
    200
  • 什么是css样式层叠表

    css(样式层叠表)是一种用来表现HTML或XML等文件样式的计算机语言,是用来表示html样式的一种编程语言,是可以做到网页和内容进行分离的一种样式语言。CSS主要用来设计网页的样式、美化网页,css的最新版本是css3。 本教程操作环境…

    2025年3月11日
    200

发表回复

登录后才能评论