Question

CSS选择器作用域问题

----------------------截取的部分CSS----------------------------
.bmore{
float:right;
margin-right:10px;
}

.bmore a{
color:#FF5C0F;
text-decoration:none;
font-size:20px;
font-weight:bold;
line-height:50px;
}

----------------------截取的部分CSS----------------------------

----------------------截取的部分HTML-------------------------
<div class="btitle">栏目标题</div>

<div class="bmore">
<a href="#">更多</a>
</div>
----------------------截取的部分HTML-------------------------

为什么CSS改成一下样式后a标签内的"更多"的颜色没变化，下划线也没消失？
.bmore{
float:right;
margin-right:10px;
color:#FF5C0F;
text-decoration:none;
}

Answer 1

因为你没有选中 a 标签啊

a 是行内元素，你当前选择的是 div ，这当然不会作用到 a 标签上了。

想要产生作用，可以用 .bmore a 这样的方式，或是在 a 标签添加 bmore 这个 class

追问

选择div以后不是选择了div内部的所有内容吗？改成下面的样式后的确对a标签产生了部分影响呀，只是不完整

追答

这要看属性的啊亲

下划线，如果没记错的话，是要选到行内元素才起作用的

追问

不是很明白，可以说的详细点吗？谢谢