子元素字体大小问题
来源:4-5 页眉页脚样式
一如忘词
2019-09-06
.notice a{
float: left;
display: inline-block;
width: 70%;
margin-left: 2rem;
text-decoration: none;
}
.notice a:first-child{
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.notice a:first-child:before{
content: "最新公告: \00a0\00a0";
color: #aaa;
}
.notice a span{
color: #999;
font-size: 1.2rem;
margin-right: 1rem;
}
把.notice a span{ color: #999; font-size: 1.2rem; margin-right: 1rem; }
里面的内容加到.notice a:first-child
里面,就会出现这种情况
就是所有字体大小都一样的,为什么会这样,不是只选择了子元素吗?应该只是会修改第一个元素的字体大小?下面的是不修改的样子
写回答
1回答
-
姜维
2020-04-03
这些文字整体是在一个 a 里面
你可以观察一下
<a href="#" class="more">更多公告</a>
和之前的 a 是不一致的
00
相似问题