码迷,mamicode.com
首页 > 其他好文 > 详细

2019.12.21---今天学了啥?

时间:2019-12-22 00:37:40      阅读:88      评论:0      收藏:0      [点我收藏+]

标签:after   生效   字母   怎么   四级   组合   fir   com   规则   

今天学了啥?

winter的一篇专栏文章《伪元素是怎么回事儿?》

一、选择器优先级,其实我更喜欢最近 看的张鑫旭的《CSS选择器世界》里的优先级排序规则,虽然都是大同小异:

0级: 通配选择器、选择符(+、>、~、空格等)、逻辑组合伪类(:not()、:is()、:where等);

一级:标签选择器;

二级:类选择器、属性选择器、伪类

三级:ID选择器;

四级:内联元素;

五级:!important;

比如 #foo .bar p{}    就是一个一级、一个二级、一个三级    优先级为100+10+1  = 111;

 

二、伪元素

::first-line

::first-letter

::before

::after

::first-line表示元素内容第一行,标签必须为块级元素;

::first-letter表示元素内容第一个字母,对标签无要求;

这两个为元素支持以下属性:

技术图片

  ::before :after表示在元素内容前后插入元素,且必须制定content属性才会生效,这两标签在实际开发中其实有很多用处

2019.12.21---今天学了啥?

标签:after   生效   字母   怎么   四级   组合   fir   com   规则   

原文地址:https://www.cnblogs.com/ylweb/p/12078694.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!