notTarget和z-index的問題
? ?1. .bg:not(:target) 這句代碼是什么意思，是不是縮寫了？什么時(shí)候觸發(fā)？是點(diǎn)別的img的時(shí)候嗎？
? ? 2.z-index的問題。如果沒有:not(:target)的代碼，切換點(diǎn)擊縮略圖時(shí)，動(dòng)畫展示時(shí)的底層圖片總是最后一張圖；但有了這個(gè)代碼，切換時(shí)底層圖片是上一次點(diǎn)擊的圖片。這是為什么呢？
1 回答
舉報(bào)
0/150
提交
取消
2018-06-30
1、.bg:not(:target)，意思是所有沒被觸發(fā)的選擇器的樣式，:not(條件)，非括號(hào)里面的類型。
通過點(diǎn)擊錨點(diǎn)類似a<a href="#bg1"></a>觸發(fā)，鏈接到id為bg1的元素。
例如你點(diǎn)擊了第一個(gè)，那么其他4個(gè)img就是.bg:not(:target)，第一個(gè)就是#bg1:target。這樣第一個(gè)圖片通過入場(chǎng)動(dòng)畫顯示出來，其他四個(gè)因?yàn)閕mg.bg設(shè)置了z-index為1，層級(jí)在下面，就會(huì)被第一個(gè)的z-index:100覆蓋。
2、同第一個(gè)圖片，z-index是顯示的層級(jí)?？梢岳斫鉃閤、y構(gòu)成二維平面，那么z就是第3維，就像我們很多放在一起的紙的順序。