網頁學習(4)偽類

2022-05-27 02:45:07 字數 711 閱讀 5946

根據學習

網頁末端有許多參考值

偽類是選擇器的一種,它用於選擇處於特定狀態的元素,比如當它們是這一型別的第乙個元素時,或者是當滑鼠指標懸浮在元素上面的時候。它們表現得會像是你向你的文件的某個部分應用了乙個類一樣,幫你在你的標記文字中減少多餘的類,讓你的**更靈活、更易於維護。

偽類就是開頭為冒號的關鍵字:

:pseudo-class-name

一些偽類只會在使用者以某種方式和文件互動的時候應用。這些使用者行為偽類,有時叫做動態偽類,表現得就像是乙個類在使用者和元素互動的時候加到了元素上一樣。案例包括:

偽元素以類似方式表現,不過表現得是像你往標記文字中加入全新的html元素一樣,而不是向現有的元素上應用類。偽元素開頭為雙冒號::

::pseudo-element-name

如果你想讓第一段的第一行加粗,你需要把:first-child::first-line選擇器放到一起。試著編輯前面的實時示例,讓它使用下面的css。這裡的意思是,我們想選擇乙個元素裡面的第乙個元素的第一行。

article p:first-child::first-line

4 偽類和偽元素

偽類是用於定義元素的特殊狀態 css偽類是用來新增一些選擇器的特殊效果。例如,它可以用於 selector pseudo class 未訪問的鏈結 a link 已訪問的鏈結 a visited 滑鼠懸停鏈結 a hover 已選擇的鏈結 a active 選擇獲得焦點的鏈結 a focus注意 a...

偽元素 偽類

偽元素在dom中建立了一些抽象元素,而且這些元素本身時不存在與dom中的。在css3中偽元素前要使用 兩個冒號 比如 使用在使用 before 和 after時,要使用content進行內容設定。預設情況下,偽元素插入的內容為行內元素,不過可以使用display進行設定。注意 同時只能使用乙個偽元素...

偽類 偽元素

偽類和偽元素在web開發中用的好的話,可以說猶如神助。但一定要分清楚,什麼是偽類,什麼是偽元素。如何區分偽元素與偽類?答 偽元素在html文件渲染後,頁面中有相應的內容顯示,同時能夠設定它的樣式,而偽類只能設定樣式 偽元素和元素的區別?答 很明顯,從字面意思上來說,偽元素就不是真正的元素,而只有形而...