伪元素（对象）选择器

Posted 2020-11-27 wjsblog

伪元素（对象）选择器：（这几个伪元素选择器前面的冒号可写一组，也可以写两组；）
        1）、::after :  与content属性一起使用，定义在对象后的内容。（必须具有属性content：“”；）

    语法：选择符: ：after{content:”文字”;}
               选择符: ：after{content:url(图片路径)；}

         2）、::before :  与content属性一起使用,定义在对象前 的内容。

    语法：选择符: ：before{content:”文字”;}
               选择符: ：before{content:url(图片路径)；}
    

         3） ::first-letter 定义对象内第一个字符的样式。
     说明：*(该伪元素只能用于块级元素)

         4） ::first-line:定义对象内第一行的样式。
    说明：*(该伪元素只能用于块级元素。) 
   
  隐藏属性：visibility:visible 显示/hidden   隐藏;

   visibility:hidden;和display:none;的区别：
   visibility:hidden;属性会使对象不可见，但该对象在网页所占的空间没有改变，等于留出了一块空白区域；
   而 display:none属性会使这个对象彻底消失不显示，也不再占用位置。
        
   总结： visibility:hidden；让元素隐藏；元素的位置是保留的；
              display:none：让元素隐藏； 元素的位置不保留，也被隐藏了