众所周知我们的css选择器权重最高为!important往下依次为：!important，行内样式，ID选择器，类，属性选择器和伪类选择器元素和伪元素 那么我这里讲一点不一样的东西。 在某些修改某些组件样式的时候也都有头痛过权重等级。（只要不是放在行内或用!imprtant 你的选择器怎么放都无法盖 ...
分类：
Web程序 时间：
2020-07-15 13:05:29
阅读次数：
94
CSS 的优先级是根据样式声明的特殊值来判断的。 选择器的特殊值分为四个等级，如下： 标签内选择符 x,0,0,0 ID 选择符 0,x,0,0 class 选择符/属性选择符/伪类选择符 0,0,x,0 元素和伪元素选择符 0,0,0,x 计算方法： 每个等级的初始值为 0 每个等级的叠加为选择器 ...
分类：
Web程序 时间：
2020-07-12 10:23:30
阅读次数：
74
虽然放在 DOM 分类里面，但是 CSS OM 并不属于 DOM，而是并行的。仅为方便查找。 document.styleSheets <style title="hello"> a { color: red; } </style> <link rel="stylesheet" title="x" ...
分类：
Web程序 时间：
2020-07-10 12:58:07
阅读次数：
89
我们在用CSS修饰页面样式的时候，浮动是非常普遍的，所以清除浮动也会经常的，清除浮动的方法不少，但是唯爱伪元素清除浮动这个方法，为了减少冗余的代码，专业的写法如下：.clearfix:after{ content:""; display:block; clear:both; height:0; vi... ...
分类：
Web程序 时间：
2020-07-07 17:23:45
阅读次数：
74
.link:hover{ color: yellow; font-weight: bold; /*倾斜*/ font-style: italic;}/*before和after加的东西不能被选中*/.box1:before{ content: "."; color: red;}.box2:after ...
分类：
其他好文 时间：
2020-07-07 13:45:32
阅读次数：
62
解决办法：1.外部父级盒子加一个边框2.外部父级盒子设置overflow：hidden3.使用伪元素类示例如下： <style> .con{ width: 300px; height: 300px; background-color: gold; border: 1px solid black; / ...
分类：
其他好文 时间：
2020-07-07 12:57:14
阅读次数：
65
document.styleSheets[0].addRule('#' + node.key + '::after', 'height:' + fileNameDom.clientHeight + 'px !important'); // 设置伪元素样式 document.styleSheets[0 ...
分类：
Web程序 时间：
2020-07-06 18:09:02
阅读次数：
173
选择器：id选择器，类选择器，元素选择器，属性选择器，后代选择器，子选择器，相邻兄弟选择器，伪类选择器，伪元素选择器 1. 伪类选择器：专门用来表示元素的一些特殊状态，比如， 链接的状态，:active(激活链接)，：hover(鼠标悬浮其上) ...... 子元素的伪类：:first-child选 ...
分类：
Web程序 时间：
2020-07-04 22:37:41
阅读次数：
93
一.css 1.伪元素选择器 html代码: <div> 吟诗作对! </div> css写法 div{ background-color: pink; height: 100px; width: 200px; } div:after{ content: '?'; color:white; } di ...
分类：
编程语言 时间：
2020-07-03 23:20:03
阅读次数：
77
选择器的权重 伪类 :hover 当鼠标悬浮在元素上方时，向元素添加样式 :active 向被激活的元素添加样式 :first-child 向元素的第一个子元素添加样式 :focus 向拥有键盘输入焦点的元素添加样式 :link 向未被访问的链接添加样式 :visited 向已被访问的链接添加样式 ...
分类：
Web程序 时间：
2020-07-03 15:14:41
阅读次数：
55
