我用js實(shí)現(xiàn)的這個,想純用css 這里的選擇器不會選,該怎么寫?主要就是通過是否checked控制left right,這個第二行代碼選擇器怎么寫同時最好解決一下代碼冗余 #switch{position: absolute;width: 50px; height: 30px; border-radius: 15px; background-color: white;top:5px;left: 5px}
input:checked#switch{position: absolute;width: 50px; height: 30px; border-radius: 15px; background-color: white;top:5px;left: 5px} <main>
<input type="checkbox" id="box" checked>
<span id="switch" class="left"></span>
<span class="bg">
<label for="box">ON</label>
<label for="box">OFF</label>
</span>
</main>
判斷是否checked然后給另外一個元素添加樣式的選擇器怎么寫
慕容森
2018-07-23 15:42:56