html中两个冒号,css中双冒号和单冒号区别
生活随笔
收集整理的這篇文章主要介紹了
html中两个冒号,css中双冒号和单冒号区别
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
:——是指的偽類
::——是指的偽元素
1.字面意思:
偽類,1.css中有類選擇器,某些元素并未定義類名,就可以通過偽類賦予樣式,如:【:nth-child(n)】;2.偽類可以應用于元素執行某種狀態,如:【:hover】鼠標經過元素時
偽元素,創建一個新元素應用于文檔,但是并不存在于文檔中。
常見的偽元素選擇器:
::first-letter 選擇元素文本的第一個字(母)。
::first-line 選擇元素文本的第一行。
::before 在元素內容的最前面添加新內容。
::after 在元素內容的最后面添加新內容。
::selection匹配用戶被用戶選中或者處于高亮狀態的部分
::placeholder匹配占位符的文本,只有元素設置了placeholder屬性時,該偽元素才能生效
2.兼容性建議使用單冒號
______________________
:fater和::after比較
不同點
1.兼容性,單冒號比雙冒號兼容性好
2.寫法:單冒號是css2寫法,雙冒號是css3寫法
相同點
用法相同,都是為了添加元素,但是不存在于文檔
注意點
使用時要配合content:"";使用
小白一只,如有錯誤,歡迎指出
標簽:兼容性,偽類,中雙,元素,冒號,文檔,寫法,css
來源: https://www.cnblogs.com/charon-66/p/12019415.html
總結
以上是生活随笔為你收集整理的html中两个冒号,css中双冒号和单冒号区别的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: html text width,HTML
- 下一篇: 我的姐姐票房过亿 或成爆品横店影视参与投