示例

HTML內容：

<div class="sub-cell">

　　<p>　　

1.table是個好東西，如果你想使圖片和文字對齊，用table的<td>標簽控制，可以使他們保持對齊。

2.table還能解決浮動的居中對齊問題，其實我們用float的話會出現相當多的問題，大多數時候，我覺得可以用table來取代float來控制向右對齊，向左對齊的　　　　問題。

3.其實表單的對齊用table來控制 ，十分方便。有的時候不同的樣式用同一種代碼是無法解決的，你可以用width=“100%”或者width=“50px”等不同的方式去試試，也許就能解決。

以上是我在做項目時自己的總結，如有不對，歡迎大家指正，也可以補充哦。

　　</p>

</div>

less內容：

<style>
??? .sub-cell {
????? background-color: #f7f7f7;
??? . px2rem(font-size, 24);
??? . px2rem(line-height, 36);
??? . px2rem(padding-top, 24);
??? . px2rem(padding-right, 40);
??? . px2rem(padding-bottom, 32);
??? . px2rem(padding-left, 50);
??? }
</style>

用偽類插入一個點后less代碼()：

??? .sub-cell p{
????? background-color: #f7f7f7;
????? .px2rem(font-size, 24);
????? .px2rem(line-height, 36);
????? .px2rem(padding-top,24);
????? .px2rem(padding-right, 40);
????? .px2rem(padding-bottom, 32);
????? .px2rem(padding-left, 50);
????? position: relative;
????? &::before{
??????? content :counter(sub-item,disc);
??????? display: block;
??????? position: absolute;
??????? .px2rem(left, 30);
??????? .px2rem(top, 20);
????? }
??? }

前后對比會發現在文字前面加了一個點。

?

轉載于:https://www.cnblogs.com/zhangmei/p/5710701.html

總結

以上是生活随笔為你收集整理的伪类的使用之如何在一段文字前面添加一个点的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。