【高分悬赏】css子元素样式为何无法起作用？

html-css015

【高分悬赏】css子元素样式为何无法起作用？,第1张

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

改成这样既可

.navlist a.home{color:red}

用jQuery来获取A里面的子元素给他添加一个class类名。

让子元素高度撑满父元素高度方法：

首先不要为了加个分隔线，就增加无意义的标签。可以使用 css3 选择器、伪元素等。

例如下图：

其次，这种 row col 的方式不指定高度的，经常两个挨着的 col 高度不一样，

因此分割线没有意义，要固定他们的高度。

row col 更多的是用来布局的，这里的需求用 ul li 就行了。