伪类选择器优先级

:link 匹配所有未被点击的链接；a:link{color:red}

:visited 匹配所有被点击的链接；a:visited{color:red}

:hover 匹配鼠标悬停其上的E元素 a:hover{text-decoration:underline}

:active 匹配鼠标已经其上按下，还没有释放的E元素 a:active{color:purple}

.box:hover{} 这是改变元素自己

.box:hover img{} 这是改变元素下面的img子元素

:before 在E元素内容前面插入内容 div:before{content:"内容"}

：after 在E元素内容后面插入内容 p:after{content:"内容"}

复杂选择器优先级

从高到低顺序依次是ID选择器 class选择器

ID选择器个数不相等，ID个数多的优先级高

ID选择器个数相等，则看class个数

class个数相等，在看tagName个数

行内样式 > 内部样式 > 外部样式

更多专业前端知识，请上【猿2048】www.mk2048.com

伪类选择器优先级相关推荐

CSS选择器（id选择器，包含选择器，标签名选择器，类选择器，属性选择器，通配符选择器，伪类选择器，相邻选择器，选择器的优先级，子选择器）
CSS选择器 HTML:定义网页元素 CSS:美化网页元素,控制HTML标签展示样式 CSS与HTML相结合,结合方式如下: (1)内联样式:CSS代码复用性太低,书写凌乱,不推荐,缺点就是一次只能控 ...
谈谈一些有趣的CSS题目（十）-- 结构性伪类选择器
开本系列,谈谈一些有趣的 CSS 题目,题目类型天马行空,想到什么说什么,不仅为了拓宽一下解决问题的思路,更涉及一些容易忽视的 CSS 细节. 解题不考虑兼容性,题目天马行空,想到什么说什么,如果解题 ...
html之CSS设计（CSS伪类、优先级、字体属性、背景属性）
文章目录一.CSS伪类二.CSS优先级三.CSS属性 1.CSS颜色设置 2.颜色属性 3.背景属性本篇文本主要介绍html编程中的CSS伪类.优先级.字体属性.背景属性,前两种是CSS选择器 ...
:is()伪类选择器 :where()伪类选择器
1.1 :is()伪类选择器在日常写代码中,经常遇见重复的同一个元素在不同的标签中的情况,这样我们想要统一写一个这个元素的样式时就会比较麻烦,稍加不注意就会出现错误.例如: li a, artcil ...
css伪类选择器以及form表单
表格标签 <table></table> 将table分为三块 <thead></thead> <tbody></tbod ...
CSS常用伪类选择器详解
1. 用户行为伪类 1.1 :hover selector:hover 表示匹配鼠标经过的selector选择器元素. 应用场景: 鼠标经过元素时的样式变化,Tips提示,下拉列表和过渡动画等细节优 ...
CSS3 属性选择器伪类选择器盒模型圆角阴影 CSS定位和浮动
HTML是网页的裸框架,但是现在已经是2020年了,你再做出一个80年代的网页来,恐怕是没HR要你了.所以学习CSS的重要性可想而知,CSS用途很广,是一门独立的编程语言,能美化网页,也能进一步提高自 ...
【第四篇】CSS选择器之伪类选择器
利用组合选择器虽然可以选择子类和兄弟元素,但是无法做到特殊的选择.例如无法选择第几个子类,或者和其同标签的兄弟元素.为此CSS诞生了伪类选择器,用来进行更加灵活的元素选择. 伪类选择器伪类选择器根据 ...
CSS定位+装饰+伪类选择器拓展
文章目录 CSS定位定位能解决的解决问题: 定位的使用静态定位相对定位绝对定位绝对定位特点子绝父相子绝父相vs子绝父绝子绝父相案例子绝父相水平居中案例子绝父相水平垂直都居中案例导 ...

伪类选择器优先级

伪类选择器优先级相关推荐

最新文章

热门文章

伪类 选择器优先级

伪类 选择器优先级相关推荐

最新文章

热门文章

伪类选择器优先级

伪类选择器优先级相关推荐