CSS-伪元素选择器

最新推荐文章于 2022-04-02 04:45:00 发布

z_Ever1

最新推荐文章于 2022-04-02 04:45:00 发布

阅读量522

点赞数

分类专栏： CSS

本文链接：https://blog.csdn.net/z_ever1/article/details/78353361

版权

CSS 专栏收录该内容

22 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="UTF-8">
   <title>伪元素选择器</title>
   <style>
       li{
           list-style: none;
       }
       li::before{
           content: "*";
           color: red;
       }
       li::after{
           content: "$";
           color: blue;
       }
       div::first-line{
           color: red;
           font-size: 20px;
       }
       div::first-letter{
           color: gold;
           font-size: 40px;
       }
       div::selection{
           background-color: green;
           font-size: 40px;
       }
   </style>
</head>
<body>
   <ul>
       <li>列表一</li>
       <li>列表一</li>
       <li>列表一列表一</li>
       <li>列表一列表一列表一</li>
       <li>列表一列表一列表一</li>
       <li>列表一列表一列表一列表一</li>
       <li>列表一列表一列表一列表一</li>
       <li>列表一</li>
   </ul>
   <div>
       He must be a person who is positive an
       brave enough to make short term sacrifice
       for long term success.
       <br>
       The future has arrived,it's commences now.

   </div>
</body>
</html>