Question

我对http://11klassniki.ru/post_ccuz.php?id_ccuz=19有2条评论。其中一个是回复第一条评论。他有

#commentRoot li
{
    margin: 7px 0 7px 10px;
}

我试图给他

background-color:blue;

但这种颜色反映了所有评论。我只需要为回复提供背景颜色。

CSS

ul 
{
    list-style-type: none;
    width: 700px;
}

#commentRoot li
{
    margin: 7px 0 7px 10px;
}

#commentRoot li a
{
   margin-left: 500px;
}

#commentRoot li .commentContent
{
    border: solid 1px #ccc;
    padding: 5px 10px;
    border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;
    margin: 5px 10px;
    }
#commentRoot li h6 
{
    color: #085991;
}
#commentRoot li h6  span 
{
    color: #666; font-size: 11px;  
    margin-left: 20px;
    }
#commentRoot li .comment
{
    margin-top: 5px;
}
#commentRoot li a.reply
{
    font-size: 11px; 
}    

/*  Формочка */
#newComment, .loader {display: none;}
#cancelComment
{
    float: right; width: 20px; color: red; cursor: pointer;
}
#newComment input
{
    height: 26px; width: 250px; padding: 0 5px ; margin-left: 50px; 
    border: solid 1px #ccc;
}
#newComment textarea
{
    width: 350px;  height: 100px; margin-left: 5px; 
    vertical-align: middle; border: solid 1px #ccc;
}
#newComment button
{
    margin-left: 102px; margin-top: 10px;
}

Answer 1

您可以执行类似（检查JSFiddle here）

的操作

#commentRoot li .commentContent {
    border: none;
    padding: 5px 10px;
    margin: 5px 10px;
}


#commentRoot li ul li .commentContent {
    border: solid 1px #ccc;
    padding: 5px 10px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    margin: 5px 10px;
}

Answer 2

您可以尝试使用元素的特异性，如下所示：

#commentRoot li ul .commentContent {
    background-color: blue;
}

在此处观看演示： http://jsfiddle.net/LaLc4ryb/

我需要背景颜色才能发表评论

2 个答案: