對css3的屬性選擇器寫法不是很熟，這是去 W3C 找的寫法并運用到我的代碼中，但是毫無效果，class中前綴為 pc- 的對該代碼一點反應都沒有，特來求助各位大神這是效果圖
2 回答
慕斯王
TA貢獻1864條經驗 獲得超2個贊
不是沒有生效, 是因為選擇器并沒有匹配到目標節點.
[class^="pc-"] 匹配的是 class 屬性值以 pc- 開頭的, 但是你截圖中的目標節點的 class 屬性的值是 callapse pc-header, 很明顯這個屬性值并不是以 pc- 開頭的.
可以把目標節點的 class 屬性值改為 pc-header callapse, 這樣 [class^="pc-"] 選擇器就可以匹配到該節點了.
如果不更改目標節點 class 屬性, 使用 [class*="pc-"] 也可以匹配到, 但是這個選擇器匹配范圍太廣, 不太推薦使用.
- 2 回答
- 0 關注
- 1453 瀏覽
添加回答
舉報
0/150
提交
取消