1、CSS 偽元素用于向某些選擇器設置特殊效果(用來當作一個東西的,跟一個元素差不多,但不是元素)。
① :frist-line偽元素:用于向文本首行設置特殊樣式,但是只能用于塊級元素。
以下屬性可應用于 “ frist-line ” 偽元素:
font、color、background、word-spacing、letter-spacing、text-decoration、vertical-align、text-transform、line-height、clear 。
② :first-letter偽元素:用于向文本首字母設置特殊樣式,只能用于塊級元素。
以下屬性可應用于 “ first-letter ” 偽元素:
font、color、background、margin、padding、border、text-decoration、vertical-align(僅當float為none時)、text-transform、line-height、float、clear 。
③ 偽元素和css類可以配合使用:p.article: first-letter { },可以使所有 class 為 article 的段落的首字母樣式改變 。
④ 多重偽元素:可以結合多個偽元素來使用。p: first-letter { },p: first-line { }:段落的第一個字母根據p: first-letter具體樣式顯示,第一行其余文本根據p: first-line具體樣式顯示,段落中其余文本以具體段落設置的其他樣式顯示。
⑤ :before偽元素:可以在元素內容前面插入新內容 。
⑥ :after偽元素:可以在元素的內容之后插入新內容 。
⑦ 許多人喜歡給 blockquote 引用段添加巨大的引號作為背景,這種時候我們就可以用 :before 來代替 background 了,既可以給背景留下空間,還可以直接使用文字而非圖片:
blockquote::before
網友評論