::first-letter
::first-line
::before
::after
::selection
::
雙冒號與 :
單冒號其實是一樣的,使用雙冒號是 css3 為了區(qū)分偽元素與其他偽類選擇器而修改的丈积,最終都會被瀏覽器識別成雙冒號筐骇,::selection
無法使用單冒號。
- ::first-letter
<style>
p::first-letter{font-size: 40px; float: left;}
</style>
<body>
<p>中新網(wǎng)北京6月14日電 (記者 李金磊)隨著天津提高2017年最低工資江滨,記者梳理發(fā)現(xiàn)铛纬,今年以來,至少已有上海唬滑、深圳告唆、陜西、山東晶密、青海擒悬、福建、天津等7個地區(qū)上調(diào)了最低工資標準稻艰。其中懂牧,上海、深圳尊勿、天津的月最低工資標準超過了2000元大關(guān)僧凤。</p>
</body>
::first-letter
可以匹配標簽內(nèi)容的首個字符,利用該方法可以很方便的排版首字符下沉浮動元扔,只能適用塊級元素拼弃。
- :first-line
<style>
p::first-line{font-size: 40px;}
</style>
<body>
<p>中新網(wǎng)北京6月14日電 (記者 李金磊)隨著天津提高2017年最低工資,記者梳理發(fā)現(xiàn)摇展,今年以來,至少已有上海溺忧、深圳咏连、陜西、山東鲁森、青海祟滴、福建、天津等7個地區(qū)上調(diào)了最低工資標準歌溉。其中垄懂,上海骑晶、深圳、天津的月最低工資標準超過了2000元大關(guān)草慧。</p>
</body>
::first-line
匹配標簽內(nèi)容的首行文字桶蛔,只能適用塊級元素。
- ::before
<style>
p::before{ display: block; content: 'aa'; width: 40px; height: 40px; background-color: red;}
</style>
<body>
<p>1-1</p>
</body>
::before
可以在元素內(nèi)部最前面生成一個元素漫谷,并以 content
為文本內(nèi)容顯示出來仔雷,而且 content
是必須的。
- ::after
<style>
p::after{display: block; content: 'bb'; width: 40px; height: 40px; background-color: red;}
</style>
<body>
<p>1-1</p>
</body>
::after
可以在元素內(nèi)部最后生成一個元素舔示,并以 content
為文本內(nèi)容顯示出來碟婆,而且 content
是必須的。
- ::selection
<style>
p::selection{ background: red;}
</style>
<body>
<p>中新網(wǎng)北京6月14日電 (記者 李金磊)隨著天津提高2017年最低工資惕稻,記者梳理發(fā)現(xiàn)竖共,今年以來,至少已有上海俺祠、深圳公给、陜西、山東锻煌、青海妓布、福建、天津等7個地區(qū)上調(diào)了最低工資標準宋梧。其中匣沼,上海、深圳捂龄、天津的月最低工資標準超過了2000元大關(guān)释涛。</p>
</body>
::selection
適配選中文案的樣式,但只會對 background-color
和 color
生效倦沧。