使用css first-child / nth-child无法使用目标元素?

时间:2013-07-29 07:05:00

标签: html css css3 selector target

请参阅此页面: http://www.newsweekgradplus.com/Business/Degree/Accounting

如果您查看中间列,前4个框是灰色的,之后是白色。

我想要做的是在灰色和白色矩形之间添加一条水平线 但我似乎无法瞄准它。

2 个答案:

答案 0 :(得分:2)

这将使任何前面有br的白框和一个灰色框的顶部会有一个(黑色)边框。

.mbaBox+br+.mbaBox-white {
    position: relative;
}

.mbaBox+br+.mbaBox-white:after {
    content: " ";
    background: #000; /* your color */
    width: 100%;
    height: 1px;
    position: absolute;
    top: -10px;
    left: 0;
}

答案 1 :(得分:0)

使用选择器.mbaBox+br+.mbaBox-white,您将获得灰色框后面的第一个白框,自定义此元素的css :)。

玩得开心!

在此处阅读更多http://www.w3schools.com/cssref/sel_element_pluss.asp