为了账号安全,请及时绑定邮箱和手机立即绑定

css属性选择器 疑惑

<style>
    .columnNews{background:red}
</style>   
<style>
    a[style='background:red']{
       color:red;
    }
</style>

↑↑↑↑↑ 为什么这样,不起作用.

<style>
    a[style='background:red']{
       color:red;
    }
</style>
...
<a href="##" class="columnNews" style='background:red'>我的背景想变成红色</a>
...

↑↑↑↑↑ 但这样,却可以.


是因为属性选择器只支持行内样式?还是我的我获取内嵌样式的方法不对?

正在回答

2 回答

你的第一种写法

<style>

    a[style='background:red']{

       color:red;

    }

</style>

这个a[style='background:red']这条属性在a标签内部是找不到的,即对a进行检索的时候,匹配不到style='background:red'这串字段,所以无法执行a[style='background:red']{color:red}这行代码。

0 回复 有任何疑惑可以回复我~

是网页样式的识别先后顺序的问题,内嵌样式 >> 页内标签样式 >> 外链样式表样式|
还有一个是遍历的问题,在同一级别,有重复的样式属性,后面的样式会覆盖掉前面的样式。

0 回复 有任何疑惑可以回复我~
#1

星星3394050 提问者

多谢啊 不过 你理解错了 两种情况我是分别测试的 我设置的是字体颜色 我没有对css属性进行覆盖操作 我遇到的只是属性选择器不起作用
2017-02-27 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
十天精通CSS3
  • 参与学习       242548    人
  • 解答问题       2623    个

本课程为CSS3入门教程,深刻详解CSS3知识让网页穿上绚丽装备

进入课程

css属性选择器 疑惑

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信