為什麼我的 CSS ::first-letter 不能處理 Word 產生的 HTML 中的內嵌元素？

CSS ::first-letter 不起作用

嘗試將CSS 樣式套用於Microsoft 產生的HTML 文件中的內聯元素時，您可能會遇到::first-letter 選擇器的問題。此選擇器旨在定位區塊元素（例如段落和表格單元格）的首字母，而不是像 Span 這樣的內聯元素。

要克服此限制，可以：

• 將 ::first-letter應用於區塊元素：

  p::first-letter {font-size: 500px;}

• 將內嵌元素顯示設定為阻止：

  span {display: block;}
  p b span::first-letter {font-size: 500px !important;}

記住， ::first-letter 不會影響內聯元素，除非它們的顯示屬性設為block或內聯塊。此行為源自於以下事實：::first-letter 對可以定義第一行的區塊元素進行操作。

其他注意事項：

• 避免將內容放在第一個字母之前，因為它可能會幹擾 ::first-letter 樣式。

如果您使用 :before 與::first-letter，它將樣式化 :before 內容，而不是實際的第一個字母。

範例：

• [Working Fiddle with堵塞樣式](http://jsfiddle.net/sandeep/KvGr2/9/)

[內聯區塊範例](http://krijnho etmer.nl/stuff/css/first-letter-inline-block/)參考文獻： [MDN 文件::first-letter](https://developer.mozilla.org/en-US/docs/Web/CSS/::first-letter)[CSS 偽元素:first-letter的SitePoint 參考] (http://reference.sitepoint.com/css/pseudoelement-firstletter)

以上是為什麼我的 CSS ::first-letter 不能處理 Word 產生的 HTML 中的內嵌元素？的詳細內容。更多資訊請關注PHP中文網其他相關文章！