鍍金池/ 問(wèn)答/HTML5  HTML/ 請(qǐng)問(wèn)這樣的CSS代碼定義是什么意思?

請(qǐng)問(wèn)這樣的CSS代碼定義是什么意思?

我在看一個(gè)項(xiàng)目的代碼,發(fā)現(xiàn)它的css里有這樣的定義,請(qǐng)問(wèn)這是什么意思?

:root[style*="readium-night-on"] {
    --THEME__backgroundColor: #000000;
    --THEME__textColor: #FEFEFE;

    --THEME__linkColor: #63caff;
    --THEME__visitedColor: #0099E5;
}

我知道:root是選取的html文件跟節(jié)點(diǎn),--THEME__XXX之類的是自定義的變量。但是不知道:root后面的[]里面,這些定義到底是什么意思?也沒有找到相關(guān)的文檔。

請(qǐng)各位大神幫忙一下,這叫什么,哪里有文檔可以看,多謝。

回答
編輯回答
我不懂
2018年4月26日 06:08
編輯回答
心癌

CSS 屬性選擇器,了解一下

2017年9月24日 10:18
編輯回答
妖妖

css3的屬性選擇器,可以讓你更精準(zhǔn)地根據(jù)屬性去匹配DOM元素

2018年3月22日 15:07
編輯回答
薄荷糖

如 input[name='yourname'], 是選取input標(biāo)簽里面中name為yourname的,就這意思。
:root[style*="readium-night-on"] 代表選取style屬性中含有readium-night-on的root節(jié)點(diǎn)

這其實(shí)是css3選擇器, 你可以看看
2018年8月11日 10:14
編輯回答
淺淺

這個(gè)叫屬性選擇器。
具體的可以看w3school介紹

2017年8月19日 07:52