zoukankan      html  css  js  c++  java
  • 2019.12.21---今天学了啥?

    今天学了啥?

    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属性才会生效,这两标签在实际开发中其实有很多用处

  • 相关阅读:
    web测试方法总结
    APP测试点总结
    函数初识
    字符编码及文件操作
    简单购物车程序(Python)
    基本数据类型(列表,元祖,字典,集合)
    python基础
    基本数据类型(数字和字符串)
    Python入门
    操作系统
  • 原文地址:https://www.cnblogs.com/ylweb/p/12078694.html
Copyright © 2011-2022 走看看