如何在標題後突出顯示段落

本指南將介紹如何突出顯示緊跟在標題後的段落。

設定標題後第一個段落的樣式

一種常見的樣式是,將文章中的第一個段落與後面的段落區分開來。通常,第一個段落緊跟在標題之後,如果您的設計中也存在這種情況,則可以使用這兩個元素的組合來定位該段落。

下一個兄弟組合器

CSS 有一組稱為**組合器**的CSS 選擇器,因為它們根據選擇器的組合來選擇元素。在我們的例子中,我們將使用緊鄰兄弟組合器。此組合器根據元素緊鄰另一個元素來選擇它。在我們的 HTML 中,我們有一個h1,後面跟著一個<p><p><h1>的緊鄰兄弟元素,因此我們可以使用h1 + p來選擇它。

另請參閱