子元素字体大小问题

来源: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 是不一致的

0
0

响应式开发一招致胜

用一套代码开发出不受设备型号、尺寸限制的互联网金融网站

4021 学习 · 752 问题

查看课程