控制div里的a元素颜色等属性

作者: admin 分类: css 发布时间: 2017-10-08 23:58

今天要修改一个a元素的属性，折腾了很久，才测试修改成功。

这个A标签原本是在.cps .content 下的，为了修改这个位置的特定的A标签，我在这个A标签的上级DIV中加了一个DIV属性，即由：

改成了：

然后在CSS中添加属性：

.g .content a{
color:blue;
text-decoration:underline;}

发现没有任何反应。但是如果把content这个去掉，如下所示：

.g a{
color:blue;
text-decoration:underline;}

A标签的颜色属性值修改就生效了。目前还不清楚是什么原因，先记录一下。

补充：刚通过和网友讨论，自己思考，终于知道了原因:

<div class=”g content”>

<a href=”http://www.w3school.com.cn”>W3School</a>

</div>

上面这两个类g content都是修饰的同一个DIV，而且是同级关系，而在CSS里写成.g .content a那就变成了上下级关系了。当然就不能生效了。

更多关于两个类影响同一个标签的文章，参考：http://www.caogenbj.com/css-class