1、p:first-letter
p標簽里的第一個字設置樣式

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

2、p:first-line
p標簽里的設置第一行樣式

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

4、<hr>

---

被水平線分隔的標題和段落

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

阻止用戶的點擊動作產生任何效果
阻止缺省鼠標指針的顯示
阻止CSS里的hover和active狀態的變化觸發事件
阻止JavaScript點擊動作觸發的事件
一個CSS屬性能做所有的這么多事情！

這個pointer-events屬性有很多可以使用的屬性值，但大部分都是針對SVG的：auto, none, visiblePainted*, visibleFill*, visibleStroke*, visible*, painted*, fill*, stroke*, all*, 以及 inherit。其中none值能阻止點擊、狀態變化和鼠標指針變化：

.disabled { pointer-events: none; }
一些需要注意的關于pointer-events的事項：

子元素可以聲明pointer-events來解禁父元素的阻止鼠標事件限制。
如果你對一個元素設置了click事件監聽器，然后你移除了pointer-events樣式聲明，或把它的值改變為auto，監聽器會重新生效。基本上，監聽器會遵守pointer-events的設定。

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

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

總結

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

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