對(duì)css3的屬性選擇器寫法不是很熟，這是去 W3C 找的寫法并運(yùn)用到我的代碼中，但是毫無(wú)效果，class中前綴為 pc- 的對(duì)該代碼一點(diǎn)反應(yīng)都沒(méi)有，特來(lái)求助各位大神這是效果圖
2 回答
人到中年有點(diǎn)甜
TA貢獻(xiàn)1895條經(jīng)驗(yàn) 獲得超7個(gè)贊
^= 是以 xx 開(kāi)頭的意思吧，這樣用就好了
[class*="pc"] {
display: none;
}
慕斯王
TA貢獻(xiàn)1864條經(jīng)驗(yàn) 獲得超2個(gè)贊
不是沒(méi)有生效, 是因?yàn)檫x擇器并沒(méi)有匹配到目標(biāo)節(jié)點(diǎn).
[class^="pc-"] 匹配的是 class 屬性值以 pc- 開(kāi)頭的, 但是你截圖中的目標(biāo)節(jié)點(diǎn)的 class 屬性的值是 callapse pc-header, 很明顯這個(gè)屬性值并不是以 pc- 開(kāi)頭的.
可以把目標(biāo)節(jié)點(diǎn)的 class 屬性值改為 pc-header callapse, 這樣 [class^="pc-"] 選擇器就可以匹配到該節(jié)點(diǎn)了.
如果不更改目標(biāo)節(jié)點(diǎn) class 屬性, 使用 [class*="pc-"] 也可以匹配到, 但是這個(gè)選擇器匹配范圍太廣, 不太推薦使用.
- 2 回答
- 0 關(guān)注
- 1458 瀏覽
添加回答
舉報(bào)
0/150
提交
取消