国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

css中::before和::after的區別

james / 1233人閱讀

摘要:中和的區別表示法是在中引入的,符號是指偽元素,符號是指偽類支持的瀏覽器同時也都支持中引入的表示法。語法語法同和都是某標簽的兄弟節點異是某標簽前的兄弟元素是某標簽后的兄弟元素我是在標簽前的兄弟元素我是在標簽前的兄弟元素我是標簽效果如圖

css中::before和::after的區別
/* ::after表示法是在CSS 3中引入的,::符號是指偽元素,:符號是指偽類(:hover).
支持CSS3的瀏覽器同時也都支持CSS2中引入的表示法:after。*/
element:after  { style properties }  /* CSS2 語法 */
element::after { style properties }  /* CSS3 語法 */
同:
::before和::after都是某標簽的兄弟節點

異:
::before 是某標簽前的兄弟元素
::after 是某標簽后的兄弟元素
// style
p::before {
  content: "我是在p標簽前的兄弟元素"
}
p::after {
  content: "我是在p標簽前的兄弟元素"
}

// html

--我是p標簽--

效果如圖:

文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。

轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/117558.html

相關文章

  • CSS基礎篇-- :before && :after用法,偽類偽元素區別

    摘要:一的用法如同對偽元素的名稱一樣,是用來給指定的元素的內容前面插入新的內容。二偽類和偽元素的區別偽類種類偽元素種類偽類作用對象是整個元素例如盡管這些條件不是基于的,但結果每一個都是作用于一個完整的元素,比如整個鏈接,段落,等等。 一::before && :after的用法 :before 如同對偽元素的名稱一樣,:before 是用來給指定的元素的內容前面插入新的內容。舉例說明: .b...

    X_AirDu 評論0 收藏0
  • CSS(一)偽元素巧用

    摘要:并且,一些偽元素可以使開發者獲取到不存在于源文檔中的內容比如常見的還可以為偽元素定制樣式。。中新增加的偽元素必須用偽類使用一個冒號例如。就本文而言,我們將把我們探討的范圍限制在和這兩個偽元素的巧用上。 作為一門前端er,你肯定熟知 a:hover ? ??a:visited.....我還記得在小本本上記著訣竅:love 與 hate 糾纏不休,大家都懂的吧。。。。 ? ?????偽類和...

    entner 評論0 收藏0
  • 偽元素 ::after ::before 應該這么用(一)

    摘要:偽元素被當做的樣式來進行展現,用法和普通的元素用法是一樣的。中的偽元素使用個冒號,在中,為了區分偽類和偽元素,規定偽元素使用個冒號。偽元素的特點優點不占用節點,減少節點數。不僅塊級元素可以設置偽元素,大部分行級元素也可以。 1 什么是偽元素? CSS 在渲染文檔的時候,偽元素可以通過 css 給 HTML 添加一個元素(叫標簽也行),這個元素在文檔樹中是找不到的。偽元素被當做 CSS ...

    BlackMass 評論0 收藏0
  • CSS開關按鈕三例

    摘要:我們將使用純打造一些切換開關并使其擁有類似于的用戶體驗。總結這是一個關于一些很好的切換開關示例這種技術使得一切完全復合語義,不會增加任何瘋狂的標記,并且用純就可以完成。獲取開關按鈕代碼可以 我們將使用純CSS打造一些切換開關并使其擁有類似于checkbox的用戶體驗。 很多時候我們都需要用戶通過勾選/取消checkbox來表明他們對一些問題的答案。我們設置了一個標簽,一個checkbo...

    ivan_qhz 評論0 收藏0
  • CSS開關按鈕三例

    摘要:我們將使用純打造一些切換開關并使其擁有類似于的用戶體驗。總結這是一個關于一些很好的切換開關示例這種技術使得一切完全復合語義,不會增加任何瘋狂的標記,并且用純就可以完成。獲取開關按鈕代碼可以 我們將使用純CSS打造一些切換開關并使其擁有類似于checkbox的用戶體驗。 很多時候我們都需要用戶通過勾選/取消checkbox來表明他們對一些問題的答案。我們設置了一個標簽,一個checkbo...

    longmon 評論0 收藏0

發表評論

0條評論

james

|高級講師

TA的文章

閱讀更多
最新活動
閱讀需要支付1元查看
<