1、p:first-letter
p標(biāo)簽里的第一個(gè)字設(shè)置樣式

p:first-letter { font-size:200%; color:#8A2BE2; } <p>My best friend is Mickey.</p>

2、p:first-line
p標(biāo)簽里的設(shè)置第一行樣式

3、:not（p）
設(shè)置非 p元素的所有元素的背景色

4、<hr>

---

被水平線分隔的標(biāo)題和段落

5、CSS里的pointer-events屬性
本文要說的pointer-events的風(fēng)格更像JavaScript，它能夠：

阻止用戶的點(diǎn)擊動(dòng)作產(chǎn)生任何效果
阻止缺省鼠標(biāo)指針的顯示
阻止CSS里的hover和active狀態(tài)的變化觸發(fā)事件
阻止JavaScript點(diǎn)擊動(dòng)作觸發(fā)的事件
一個(gè)CSS屬性能做所有的這么多事情！

這個(gè)pointer-events屬性有很多可以使用的屬性值，但大部分都是針對(duì)SVG的：auto, none, visiblePainted*, visibleFill*, visibleStroke*, visible*, painted*, fill*, stroke*, all*, 以及 inherit。其中none值能阻止點(diǎn)擊、狀態(tài)變化和鼠標(biāo)指針變化：

.disabled { pointer-events: none; }
一些需要注意的關(guān)于pointer-events的事項(xiàng)：

子元素可以聲明pointer-events來解禁父元素的阻止鼠標(biāo)事件限制。
如果你對(duì)一個(gè)元素設(shè)置了click事件監(jiān)聽器，然后你移除了pointer-events樣式聲明，或把它的值改變?yōu)閍uto，監(jiān)聽器會(huì)重新生效。基本上，監(jiān)聽器會(huì)遵守pointer-events的設(shè)定。

6、touch-action
CSS屬性 touch-action 用于設(shè)置觸摸屏用戶如何操縱元素的區(qū)域(例如，瀏覽器內(nèi)置的縮放功能)。

7、https://blog.csdn.net/shenxianhui1995/article/details/109113462
safe-area-inset-left：安全區(qū)域距離左邊邊界距離
safe-area-inset-right：安全區(qū)域距離右邊邊界距離
safe-area-inset-top：安全區(qū)域距離頂部邊界距離
safe-area-inset-bottom：安全區(qū)域距離底部邊界距離
padding-bottom: constant(safe-area-inset-bottom);
padding-bottom: env(safe-area-inset-bottom);

總結(jié)

以上是生活随笔為你收集整理的一些实用却很少用到的css以及标签的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。