Html ：checked属性在CSS中不起作用

几天前我刚开始使用HTML和CSS，我一直在解决这个问题，如果在：checked字段中，图像边距不会改变。其中一个有效，如果它修改了。标签页边距，它也有效

有更多的代码，但它告诉我我不能发布它，因为我的帖子大部分是代码

我不知道我搞砸了什么。任何帮助都将不胜感激

*{
保证金：0；
填充：0；
框大小：边框框；
}
身体{
保证金：0；
背景：rgb（58,58,58）；
字体系列：“泰晤士报新罗马”，泰晤士报，衬线；
}
h2，
h3，
ul，
李{
颜色：#888；
}
.头衔{
颜色：#888；
文本对齐：居中；
字体大小：50px；
列表样式类型：无；
}
a{
颜色：rgb（37194186）；
}
p{
背景：rgb（88,88,88）；
颜色：rgb（196196196196）；
边界半径：10px；
左边距：50%；
利润率：0px 11%；
填充：10px；
}
李国荣{
显示：内联块；
列表样式类型：无；
背景：rgb（34,34,34）；
边界半径：12px；
填充：5px20px；
保证金：0px 0px 0px 2px；
过渡：全部3秒到0秒；
}
nav ul li:悬停{
背景：rgb（14,36,60）；
}
导航ul{
浮动：对；
保证金：0px 30px 0px 0px；
}
收割台h1{
显示：内联块；
利润率：0px 30px；
}
托普纳夫先生{
背景：rgb（45150141）；
保证金：0；
填充：15px 15px 10px 15px；
}
.鸟画{
显示：块；
左边距：自动；
右边距：自动；
利润率最高：1%；
利润底部：1%；
}
身体部分h2 li{
列表样式类型：无；
}
收割台导航h1{
字号：28px；
}
.幻灯片{
显示器：flex；
利润率最高：1%；
}
.大法师{
宽度：300%；
显示器：flex；
}
.按钮：悬停{
转换：比例（1.1）；
}
a{
文字装饰：无；
}
.透明{
背景色：透明；
}
img{
边界半径：10px；
}
.输入框{
显示：无；
}
.盒子{
显示器：flex；
证明内容：中心；
利润率：-3%0px 0px 0px；
}
.标签：悬停{
背景：海蓝宝石；
}
.标签{
高度：20px；
宽度：20px；
边框：3px实心#40D3Dc；
边界半径：10px；
利润率：8px 20px；
显示：内联块；
过渡：.3s；
}
.幻灯片{
/*运行*/
左缘：5%；
}
#rad1：已选中。幻灯片{
/*不起作用*/
左边缘：0%；
}
#rad2：已选中~。幻灯片{
左边缘：-20%；
}
#rad3：已选中。幻灯片{
左边缘：-40%；
}

奇事
野生鸟类世界！












函数高亮显示（）{
document.header.nav.ul.li.style.background=蓝色；
}


翠鸟

翠鸟科是珊瑚形目中小型到中型、色彩鲜艳的鸟类科。它们分布在世界各地，具有
在非洲、亚洲和大洋洲的热带地区发现的大多数物种。该科有144种，分为三个亚纲和三个亚纲
19属。所有翠鸟都有大头、长而尖的喙、短腿和短粗的尾巴。大多数物种有明亮的羽毛，两性之间只有很小的差异。大多数种类分布于热带，少量为热带
大多数只在森林中发现。它们捕食各种各样的猎物，通常是从栖息处俯冲下来捕获的。虽然翠鸟通常被认为生活在河流附近，以鱼为食，但许多物种生活在远离水的地方，以小型无脊椎动物为食。
和其他同类一样，它们在洞穴中筑巢，通常是在地下的天然或人工堤岸上挖隧道。一些翠鸟在树栖白蚁巢穴中筑巢。少数物种，主要是岛屿物种，受到了威胁
灭绝在英国，“翠鸟”一词通常指普通的翠鸟。

虽然您用注释标记了一条CSS规则，但相同的选择器

#rad1:checked~。幻灯片列出两次：
左边距：0%和
左边距：-20%。⚠️ 第二个可能会覆盖第一个。为什么你的HTML
我是新手，我的坏朋友。我星期五刚开始。同时修复第二个#rad1:checked到#rad2:checked没有修复它