五十一 CSS3之基本選擇器之偽元素

2022-07-10 09:21:11 字數 1247 閱讀 1113

css偽元素用於向某些選擇器設定特殊效果

語法格式:元素::偽元素(element::pseudo-element)

1.first-line:根據first-line偽元素的樣式對element元素的第一行文字進行格式化,first-line偽元素只能用於塊級元素

2.first-letter:用於向文字的首字母設定特殊樣式,first-line偽元素只能用於塊級元素

3.before:在元素的內容前面插入新的內容,常用content配合使用

1.使用before過後,before將成為第乙個子元素

2.新元素為行級元素

3.內容通過content寫入

4.在html結構中找不到該標籤,只有在瀏覽器中才能找到

4.after:在元素的內容後面插入新內容,常用content配合使用,多用於清除浮動

清除浮動案例:

結構:

傳統清除浮動的方式,需要多寫乙個空標籤

使用after清除浮動

5.selection:用於在瀏覽器中選中文字後的背景色和前景色

CSS3之偽元素選擇器和偽類選擇器

偽類選擇器,和一般的dom中的元素樣式不一樣,它並不改變任何dom內容。只是插入了一些修飾類的元素,這些元素對於使用者來說是可見的,但是對於dom來說不可見。偽類的效果可以通過新增乙個實際的類來達到。a link a visited a hover a active在 css 定義中,a hover...

CSS3之偽類選擇器 nth child

css3提供了強大的偽類 pseudo class 選擇器,使開發者能選擇某一物件中符合特定條件的元素進行渲染。這些偽類在剛接觸的時候大家會覺得非常混亂,但當掌握了以後能大大提高你的 效率,並且節省 量。今天先要說的是nth child偽類。下面給大家介紹下nth child的用法 first ch...

css3 基本選擇器之標籤選擇器

三種方式的展示 傳說,在太古神農大神誕生時,天下伴有九泉相生。這九座神泉又稱神農 為天地九井,乃是滋生萬物的源泉。九泉中凝聚了世上最濃厚的靈力,為天地靈脈之樞紐。九泉伴神農而生,後又經神農千萬年辛勞疏通,逐漸成為天地間最重要的生命源泉。九泉面前,眾生平等。無論是神駿奇麗的靈獸仙禽,還是醜陋不堪的兇獸...