css选择器有哪些 css选择器有哪些及优先级

css选择器有哪些 css选择器有哪些及优先级 发布时间:2023-10-03 05:29:45 来源:创意学院

关于css选择器有哪些,css选择器有哪些及优先级这个很多人还不知道,今天乐乐来为大家解答以上的问题,现在让我们一起来看看吧!

css选择器有哪些 css选择器有哪些及优先级


1、 CSS选择器就是指定CSS要作用的标签,那个标签的名称就是选择器。

2、意为:选择哪个容器。

3、 CSS选择器分类: 标签选择器、类选择器、ID选择器、全局选择器、群组选择器、后代选择器、伪类选择器 1、html标签选择器: 定义:以html标签作为选择器 2、class类选择器: 定义:为HTML标签添加class属性,通过类选择器来为具有此class属性的元素设置css样式。

css选择器有哪些 css选择器有哪些及优先级


4、 类选择器也可以对不同类型元素的同一个名称的类选择器设置不同的样式规则: 同一个元素可以设置多个类,之间用空格隔开: 3、ID选择器 定义:为HTML标签添加ID属性,通过ID选择器来为具有此ID的元素设置CSS规则 4、群组选择器 定义:集体统一设置样式 5、全局选择器 定义:所有标签设置样式 HTML文档结构图 6、后代选择器 定义:使用后代选择器设置,之间用空格隔开,后代选择器可以多层。

5、 7、伪类选择器 链接的四种状态:激活状态,已访问状态,未访问状态,鼠标悬停状态。

6、 伪类 说明 :link 未访问的链接 :visited 已访问的链接 :hover 鼠标悬停状态 :active 激活的链接 :hover 用于访问的鼠标经过某个元素时; :active 用于一个元素被激活时(即按下鼠标之后放开鼠标之前的状态) 伪类选择器的属性:link > visited > hover > active 说明: 1)a:hover 必须置于a:link和a:visited之后,才有效 2) a:active 必须置于 a:hover之后才有效 3) 伪类名称对大小写不敏感 8、CSS其它选择器 css继承特性,从父元素那继承部分css属性 选择器的优先级 ID选择优先级最高(id选择器定义具有唯一性) class选择器次之(class选择器可以多个) 元素选择器再次之 其它选择器优先级主要根据定义的先后顺序,最后定义的优先级高 !important 加重选择器的优先级,添加在样式规则之后,中间用空格隔开。

7、 CSS选择器命名规则 1:采用英文字母,数字以及"-" 和 "_" 命名 2:以小写字母开头,不能以数字和"-"和 "_" 开头 3:使用有意义的命名规范 常用CSS命名 header 页头 main 主体 footer 页尾 nav 导航 sidebar 侧栏 container 容器 column 栏目 title 标签 menu 菜单 submenu 子菜单 *列举常用命名,大家根据自身项目及团队的规则命名 耐心学习基础知识,基础是盖房的根基,必须打结实。

8、 如果您觉得有用,记得在下方点赞、关注、留言,我会定期奉 上更多的惊喜哦,您的打赏支持才是我继续努力的动力,么么哒。

css选择器有哪些 css选择器有哪些及优先级


9、 每日分享在学习过程中总结的学习经验,学习笔记,笔试题,HTML,CSS,JavaScript,jQuery教程,Vue教程,PHP教程,TinkPHP教程等,望大家能以学习为目的,每天阅读一篇文章,了解身边的技术。

10、陪有梦想的人一起成长! 。

本文到这结束,希望上面文章对大家有所帮助。

信息网络传播视听节目许可证号:1808245;互联网新闻信息服务许可证号:43120190011;

湘公网安备43090302000113号; 湘ICP备06015914号; CopyRight 2006-2020 Inc.All Right Reserved YYRTV.COM;

免责声明:本站所有信息均搜集自互联网,并不代表本站观点,本站不对其真实合法性负责。 如有信息侵犯了您的权益,本站将立即删除。 客服QQ:362692221; 邮箱:362692221@qq.com。