<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<style>
#sideToggle:checked~aside {
/*//ID为#sideToggle的checkbox在打钩状态(即checked时)选择它后边每个同级aside*/
/*position: absolute;*/
/*由于有其他选择器是同个目标（aside），同样的样式（绝对定位）,所以这里可以省略*/
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<style>
#sideToggle:checked~aside {
/*//ID为#sideToggle的checkbox在打钩状态(即checked时)选择它后边每个同级aside*/
/*position: absolute;*/
/*由于有其他选择器是同个目标（aside），同样的样式（绝对定位）,所以这里可以省略*/
left: 0px;
/*这里选择器优先级高，所以left 0会覆盖在选择时覆盖优先级低的里的left-200;
background-color: #00FF00;
最低0.47元/天 解锁文章
875
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
