before和after偽類選擇器 js可以獲取before或after嗎?
js可以獲取before或after嗎?JavaScript修改CSS實際上是寫入元素的style屬性,:before,:after pseudo class是一個虛擬元素,如果要修改它該如何更改,建
js可以獲取before或after嗎?
JavaScript修改CSS實際上是寫入元素的style屬性,:before,:after pseudo class是一個虛擬元素,如果要修改它該如何更改,建議切換類。信息,并設(shè)計了兩個類:前。您需要更改類的元素,例如信息:之前{
內(nèi)容:“信息”邊框:1px實心#ccc
}
.info其他:之前{
內(nèi)容:“信息”邊框:2件實心#000
},
然后改變。信息發(fā)送至。Info當(dāng)您需要修改它時,根據(jù)當(dāng)前的規(guī)范,偽元素應(yīng)該寫成:weiyuansu
但是當(dāng)以前的規(guī)范不清楚時,偽元素和偽類被寫為:weiyuansu:WeiLei
為了和以前寫的兼容
所以你的偽元素是以引號的形式寫的偽元素主要包括:e:第一個字母/e::第一個字母e:第一行/e::第一行e:前/e::前e:后/e::后e::占位符e::selection
偽類主要包括:e:link e:visited e:hover e:active e:focus e:lang(FR)e:not(s)e:root e:first child e:last child e:only child e:nth child(n)e:nth last child(n)e:first of type e:last of type e:only of type e:nth of type(n)e:nth last of type(n)e:empty e:checked e:enabled e:disabled電子郵箱:target@頁碼:首頁:左@頁碼:右
單冒號和雙冒號主要用于區(qū)分偽元素和偽類
單冒號(:)用于CSS3偽類,雙冒號(:)用于CSS3偽元素。
偽元素由雙冒號和偽元素名稱組成。CSS3規(guī)范中引入了雙冒號來區(qū)分偽類和偽元素。但是,偽類與現(xiàn)有樣式兼容,瀏覽器需要支持舊的偽類,如:first line、:first letter、:before、:after等!對于CSS2之前的偽元素,如before,單冒號和雙冒號:before具有相同的效果。
提醒,如果您的網(wǎng)站只需要與WebKit、firebox、opera和其他瀏覽器兼容,建議對偽元素使用雙冒號。如果您必須與IE瀏覽器兼容,則使用CSS2單冒號更安全。
偽類選擇器,偽類和偽元素的區(qū)別?
有很多方法可以使用CSS來編寫六邊形。讓我來談?wù)勎业膶崿F(xiàn)方法,供大家參考;
首先,我們可以把一個六邊形分開,即中間是一個矩形,左右是一個三角形,如圖所示:
這個反匯編非常簡單。我們可以用div寫一個矩形,然后用前后的偽類實現(xiàn)它現(xiàn)在的左右三角形;三角形可以用border屬性實現(xiàn),具體實現(xiàn)請看下面的代碼:
偽類前的冒號和兩個冒號的區(qū)別?
CSS偽類用于向某些選擇器添加特殊效果。CSS1與其他樣式的區(qū)別在于,它可以不使用class=“”或id=“”,直接使用,并且它的某些屬性也可以更改。CSS1和CSS2版本中定義的偽類是:active向激活的元素添加樣式,這些樣式用于獲得焦點的連接(例如,被單擊)。:focus向具有鍵盤輸入焦點的元素添加樣式。:鼠標(biāo)懸停在元素上時,懸停會將樣式添加到該元素。:link向尚未訪問的鏈接添加樣式。:visited將樣式添加到已訪問的鏈接。:first child向元素的第一個子元素添加樣式。:Lang使用指定的Lang屬性向元素添加樣式。:第一個字母為文本的第一個字母添加特殊樣式。:第一行向文本的第一行添加特殊樣式。:before在元素之前添加內(nèi)容。:after顯示緊跟在元素后面的內(nèi)容。