女王控的博客

CSS知识点

12 篇文章

如何借助content属性显示CSS var变量值

变量作为字符动态呈现 CSS var变量(CSS自定义属性)很好用,然后,有时候,需要这些变量能够同时作为字符在页面中呈现,我们想到的是使用::before/::after伪元素配合content属性,但是,把CSS变量直接作为content属性值是没有任何效果的。 借助CSS计数器呈现CSS var变量值 也就是虽然content属性本身不支持变量,但是counter-reset… »

CSS not伪类用法一览

优先级 如果对所有CSS伪类的优先级(也就是我们常说的选择器权重)进行分类,你会发现总共只有两个级别,0级和10级。 0级指没有优先级,1级是标签选择器,10级是类选择器,属性选择器,100级是ID选择器。 伪类,伪类,既然带有“类”字,自然其优先级好类选择器一致。 但是,其中有个特殊,那就是逻辑伪类的优先级都是0。例如::not(),:is(),:where()等。 逻辑伪类整个选择器语句的优先级是由括号里面内容决定的,不同的逻辑伪类规则不一样,其中:not… »

0%