Html 如何使用CSS:target在单击链接后更改div的内容？

我试图在使用纯CSS点击链接时显示不同的选项卡内容。然而，这对我不起作用

同样，它必须是纯CSS，没有JavaScript

这是我的密码：

/*横向屏幕.css*/
/***一般设置***/
* {
保证金：0；
填充：0；
}
html，
身体{
宽度：100%；
身高：100%；
}
/*主包装样式*/
#主包装{
最小宽度：960像素；
身高：100%；
}
/*横幅样式*/
.标题{
宽度：100%；
身高：10%；
背景色：#7a6868；
}
/*横幅位置的“欢迎”照片*/
#欢迎光临{
左缘：30%；
}
/*常规包装器设置*/
.内部包装设置{
宽度：100%；
身高：100%；
}
/*左导航菜单样式*/
.旁白{
宽度：180px；
身高：100%；
背景色：#cd4409；
/*显示：内联块*/
/*这样导航条就在它的剖面旁边*/
文本对齐：居中；
浮动：左；
}
/*右主剖面样式*/
.科{
/*显示：内联块*/
/*因此，该部分将位于导航栏旁边*/
宽度：计算（100%-180px）；
身高：100%；
背景色：#eec712；
浮球：对
}
/*页脚样式*/
.页脚{
背景色：黑色；
宽度：100%；
高度：80px；
明确：两者皆有；
颜色：白色；
}
/***工具提示***/
.工具提示{
显示：内联；
位置：相对位置；
}
。工具提示：悬停：在{
边框：实心；
边框颜色：#333透明；
边框宽度：6px 6px 0 6px；
底部：20px；
内容：“；
左：50%；
位置：绝对位置；
z指数：99；
}
。工具提示：悬停：在{
背景：#333；
背景：rgba（0,0,0,8）；
边界半径：5px；
底部：26px；
颜色：#fff；
内容：attr（title）；
左：20%；
填充：5px15px；
位置：绝对位置；
z指数：98；
宽度：220px；
}
/*sidebar-links.css*/
保险商实验室{
填充：0；
边缘顶部：30px；
}
李{
边缘底部：30px；
填充：0px；
}
a{
颜色：白色；
文字装饰：无；
}
a:悬停{
颜色：#f0d248；
}
a:参观了{
颜色：白色；
}
/*form-responsive.css：*/
@导入url(http://fonts.googleapis.com/css?family=Montserrat:400,700);
html{
/*背景：url(http://thekitemap.com/images/feedback-img.jpg)不重复*/
背景尺寸：封面；
身高：100%；
}
#反馈页面{
文本对齐：居中；
}
#主窗体{
宽度：100%；
浮动：左；
填充顶部：0px；
}
#表格组{
背景色：rgba（72,72,72,0.4）；
左侧填充：35px；
右边填充：35px；
填充顶部：35px；
填充底部：50px；
宽度：450px；
浮动：左；
左：50%；
位置：绝对位置；
边缘顶部：30px；
左边距：-260px；
-moz边界半径：7px；
-webkit边界半径：7px；
}
.反馈输入{
颜色：#3C；
字体系列：Helvetica、Arial、无衬线字体；
字号：500；
字号：18px；
边界半径：0；
线高：22px；
背景色：#fbfb；
填充：13px 13px 13px 54px；
边缘底部：10px；
宽度：100%；
-webkit框大小：边框框；
-moz框大小：边框框；
-ms框尺寸：边框框；
框大小：边框框；
边框：3倍实心rgba（0,0,0,0）；
}
.反馈输入：关注{
背景：#fff；
盒影：0；
边框：3px实心#3498db；
颜色：#3498db；
大纲：无；
填充：13px 13px 13px 54px；
}
.专注{
颜色：#30aed6；
边框：30aed6实心3px；
}
/*图标------------------*/
#名字{
背景图片：url(http://rexkirby.com/kirbyandson/images/name.svg);
背景尺寸：30px 30px；
背景位置：11px 8px；
背景重复：无重复；
}
#名称：焦点{
背景图片：url(http://rexkirby.com/kirbyandson/images/name.svg);
背景尺寸：30px 30px；
背景位置：8px 5px；
背景位置：11px 8px；
背景重复：无重复；
}
#电子邮件{
背景图片：url(http://rexkirby.com/kirbyandson/images/email.svg);
背景尺寸：30px 30px；
背景位置：11px 8px；
背景重复：无重复；
}
#电子邮件：focus{
背景图片：url(http://rexkirby.com/kirbyandson/images/email.svg);
背景尺寸：30px 30px；
背景位置：11px 8px；
背景重复：无重复；
}
#评论{
背景图片：url(http://rexkirby.com/kirbyandson/images/comment.svg);
背景尺寸：30px 30px；
背景位置：11px 8px；
背景重复：无重复；
}
文本区{
宽度：100%；
高度：150像素；
线高：150%；
调整大小：垂直；
}
输入：悬停，
文本区域：悬停，
投入：聚焦，
文本区域：焦点{
背景色：白色；
}
#纽扣蓝{
字体系列：“蒙特塞拉特”，Arial，Helvetica，无衬线；
浮动：左；
宽度：100%；
边框：#fbfb实心4px；
光标：指针；
背景色：#3498db；
颜色：白色；
字体大小：24px；
填充顶部：22px；
填充底部：22px；
-webkit转换：所有0.3；
-moz转换：全部为0.3s；
过渡：均为0.3秒；
利润上限：-4px；
字号：700；
}
#蓝色按钮：悬停{
背景色：rgba（0,0,0,0）；
颜色：#0493bd；
}
。提交：悬停{
颜色：#3498db；
}
.放松{
宽度：0px；
高度：74px；
背景色：#fbfb；
-webkit转换：.3s轻松；
-moz转换：.3s容易；
-o-转变：.3s；
-ms转换：3s容易；
过渡：放松；
}
.提交：悬停。放松{
宽度：100%；
背景色：白色；
}
@仅介质屏幕和（最大宽度：580像素）{
#表格组{
左：3%；
保证金权利：3%；
宽度：88%；
左边距：0；
左：3%；
右：3%；
}
}
.分区{
显示：无；
}
。组别：目标分区{
显示：内联块；
}

博客






<div id="blog">
<div id="contacts">

.section > div {display: none;}
.section > div:target  { display: block;}