這篇文章主要介紹“CSS偽元素由什么組成”的相關(guān)知識(shí)，小編通過(guò)實(shí)際案例向大家展示操作過(guò)程，操作方法簡(jiǎn)單快捷，實(shí)用性強(qiáng)，希望這篇“CSS偽元素由什么組成”文章能幫助大家解決問(wèn)題。

創(chuàng)新互聯(lián)建站是一家專(zhuān)注于做網(wǎng)站、網(wǎng)站建設(shè)與策劃設(shè)計(jì),望花網(wǎng)站建設(shè)哪家好?創(chuàng)新互聯(lián)建站做網(wǎng)站,專(zhuān)注于網(wǎng)站建設(shè)10多年,網(wǎng)設(shè)計(jì)領(lǐng)域的專(zhuān)業(yè)建站公司;建站業(yè)務(wù)涵蓋:望花等地區(qū)。望花做網(wǎng)站價(jià)格咨詢(xún):028-86922220

設(shè)置
border-radius:0px 5px 5px 0px; 代表邊框右上和右下 圓角為5px
box-shadow:0px 0px 1px #fff inset;代表邊框間距靠左0 靠上0 和1px陰影規(guī)模 暗影色彩為白色
有inset 代表框內(nèi)暗影 不帶inset 代表框外暗影

留意：box-shadow:0px 0px 1px #fff
第1個(gè)值為0時(shí)，代表左左邊框陰影 為1px局限
第1個(gè)值為正整數(shù) 代表 左邊框陰影
第1個(gè)值為負(fù)整數(shù) 代表 右邊框暗影
同理
第2個(gè)值為0 代表上下邊框陰影
第2個(gè)值為正整數(shù) 代表1px暗影間隔上邊框多少
第1個(gè)值為負(fù)整數(shù) 代表下邊框陰影配置

border-radius圓角

:first-letter
p:first-letter{font-size:20px}
代表p標(biāo)簽內(nèi)第一個(gè)字大小為20px

div:first-line { color:red;font-size:16px; }
代表DIV中第一行文字為紅色字體為16px

p a:first-child { color: green }
代表p盒子里第一個(gè)a超鏈接字體色采為綠色

p:before { content:"我在這" }
代表p標(biāo)簽對(duì)象前介入一段形式：“我在這”

table:after { content: END OF TABLE }
代表在table對(duì)象后顯示內(nèi)容“END OF TABLE ”

單冒號(hào)與雙冒號(hào)
偽元素由雙冒號(hào)與偽元素名稱(chēng)組成。雙冒號(hào)是在目前尺度中引入的，用于判袂偽類(lèi)和偽元素?？墒莻晤?lèi)兼容現(xiàn)存樣式，閱讀器須要同時(shí)支持舊的偽類(lèi)，比喻:first-line、:first-letter、:before、:after等。

那末當(dāng)時(shí)就籠統(tǒng)殘缺的回應(yīng)問(wèn)題中的問(wèn)題了，對(duì)于CSS2之前已有的偽元素，比方:before，單冒號(hào)與雙冒號(hào)的寫(xiě)法::before作用是同樣的。

以是，假設(shè)你的網(wǎng)站只緊要兼容webkit、firefox、opera等閱讀器，倡導(dǎo)對(duì)于偽元素采用雙冒號(hào)的寫(xiě)法，假設(shè)不得不兼容IE瀏覽器，仍是用CSS2的單冒號(hào)寫(xiě)法相比安然。

.uploader input[type=file]{}
代表class為uploader 盒子內(nèi)input標(biāo)簽屬性為type=file設(shè)置裝備擺設(shè)花樣

關(guān)于“CSS偽元素由什么組成”的內(nèi)容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識(shí)，可以關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，小編每天都會(huì)為大家更新不同的知識(shí)點(diǎn)。