h5-其他伪元素

 <!DOCTYPE html>

 <html lang="en">

 <head>

     <meta charset="UTF-8">

     <title>Title</title>

     <style>

         /*获取第一个字符：实现首字下沉*/

         p::first-letter{

             color: #bb131a;

             font-size: 30px;

             float: left;/*文本环绕*/

         }

         /*获取第一行内容：如果设置了::first-letter样式，则无法同时设置该样式*/

         p:first-line{

             text-decoration: underline;

         }

         /*来设置选中当前内容的样式*/

         p::selection{

             background-color: green;

             color: red;

             /*他州能设置显示的样式，二不能设置内容大小

             比如:font-size:30px;

             */

         }

     </style>

 </head>

 <body>

 <p>假如生活欺骗了你，<br>不要悲伤，不要心急，<br>因为明天他还骗你</p>

 </body>

 </html>
效果图
巴特西

h5-其他伪元素

最新文章

热门文章
