css 子元素选择器 怎么不起作用？？

html-css013

css 子元素选择器 怎么不起作用？？,第1张

首先，你设置的.nav>li就是nav的孩子li的意思，但是你的【网盘】、【地图】、【搜索】三个刚刚好又是属于.nav>li里面的内容，所以它就是显示了红色，你要解决这个问题，方法有很多种，给你的 【网盘】、【地图】、【搜索】这三个li添加一个类名，设置新的属性去覆盖它，或者你在加一个.nav>li>ul>li{设置样式 }，但是这样都是不太对的方法，会导致样式覆盖的问题。一般我们开发的时候为了避免出现这样的问题都会给他们指定一个类名，这样就不会出现样式冲突的问题了。

这是因为上面那个 .navlist a 的优先级比 .home 高（因为它是双选择器优先级累加），所以 .home 的样式不起效。

改成这样既可

.navlist a.home{color:red}

因为<b>会继承父元素<span>的颜色，所以变红，color属性是可继承的。并不是子选择器的原因。你可以把{color:red}换成{border:1px solid red}看看第三层有没有边框？