与测试嵌套顺序导致的图标和文字颜色显示不一致,{代码...} 通过css调解文字和图标没法同时显示同一种颜色后来通过js获取css样式修改span里面的css仍然没有成功 {代码...} 希望朋友帮忙指点一下,谢谢">
84669 Lernen von Personen
152542 Lernen von Personen
20005 Lernen von Personen
5487 Lernen von Personen
7821 Lernen von Personen
359900 Lernen von Personen
3350 Lernen von Personen
180660 Lernen von Personen
48569 Lernen von Personen
18603 Lernen von Personen
40936 Lernen von Personen
1549 Lernen von Personen
1183 Lernen von Personen
32909 Lernen von Personen
我
通过css调解文字和图标没法同时显示同一种颜色后来通过js获取css样式修改span里面的css仍然没有成功
希望朋友帮忙指点一下,谢谢
认证0级讲师
你是说无序前面那一点和链接字体的颜色要一致吗?
你试下把上面贴的css换成这样试试,不知道是不是你要的结果:
.footer .topmenu>li>a{ margin-top:10%; height: 48px; margin-right: 1px; display: block; text-align: center; color: #B0B0B0; background: none; text-decoration: none; -webkit-box-flex: 1; } .footer .topmenu>li>a span{ overflow: hidden; margin: 0 0 0 0; font-size: 12px; color: #B0B0B0; display: block; line-height: 18px; text-align: center; } .footer .topmenu>li>a:hover,.footer .topmenu>li>a:hover span{ color:#930e0e; }
你的css写的有点混乱啊,important不要乱用。
关于楼主代码中的几个小问题1、首先用到了a标签超链接,定义这个元素样式需要使用伪类选择器的,如:
a
a:link {} /* 设置超链接a在未被访问前的样式 */ a:visited {} /*设置超链接a已被访问过时的样式 */ a:hover {} /* 设置超链接a在其鼠标悬停时的样式 */ a:active {} /* 设置超链接a在被用户激活时的样式 */
2、如果针对于a元素定义了颜色样式如a:link{color:red},那么子元素span,i标签都会继承color值,根据你提供的代码默认情况下两者的颜色会保持一致,都会继承父元素字体颜色。
a:link{color:red}
span
i
3、getElementById("test")这个方法是选择id=test对象,而你的HTML结构里属性是我,这样导致你的脚本会失效。
getElementById("test")
id=test
4、请楼主多巩固CSS的一些选择器和属性的基础用法,提供一个 CSS 参考手册
如还有疑问,欢迎交流。
你是说无序前面那一点和链接字体的颜色要一致吗?
你试下把上面贴的css换成这样试试,不知道是不是你要的结果:
你的css写的有点混乱啊,important不要乱用。
关于楼主代码中的几个小问题
1、首先用到了
a
标签超链接,定义这个元素样式需要使用伪类选择器的,如:2、如果针对于
a
元素定义了颜色样式如a:link{color:red}
,那么子元素span
,i
标签都会继承color值,根据你提供的代码默认情况下两者的颜色会保持一致,都会继承父元素字体颜色。3、
getElementById("test")
这个方法是选择id=test
对象,而你的HTML结构里属性是我
,这样导致你的脚本会失效。4、请楼主多巩固CSS的一些选择器和属性的基础用法,提供一个 CSS 参考手册
如还有疑问,欢迎交流。