css選擇器題,css層次選擇器有哪些?
選擇器body > div 只操作body下級的div。div1 + div2 只選擇div1 同級 隨后 相鄰最近 的div2div1 ~ p 選擇div1下所有的p屬性選擇器
CSS選擇器first?
.content[data-role=page]:nth-child(2){} 使用:first-child偽類時一定要保證前面沒有兄弟節點,你前面有個content所以會失效
1
2
3
你把這里的span去掉和加上再看效果 就明白了css層次選擇器怎么用?
css層次選擇器具體用法如下:
采用后代選擇器 :從上面可以看出所有的標簽都是body的后代,那么我們使用后代選擇器,就可以將body的后代(所有標簽)改變樣式: 后代選擇器是用祖先加上空格再加上后代標簽類型進行聲明的。
以上資料供參考。
not選擇器不支持復雜選擇?
盡管css的選擇器很強大了,但是考慮其兼容性,盡可能的少用,比如我們在做一個前端頁面的切圖的時候,會看情況:
如果是h5手機網站,推薦用css選擇器
如果是pc網站,適當用css選擇器
如果是pc網站,并且是政府、學校等機關單位,杜絕用css選擇器