html - 左侧的两个 css 类边框

Question

我要上课了

<div class="thread-entryresponse">
<div class="date">


 </div>
 </div>

然后

<div class="thread-entrymessage">
<div class="date">
</div>
 </div>

我的CSS代码是

.thread-entryresponse {
    border-left: 2px solid #428bca;
    color: #444;
    padding: 10px; 
}

.thread-entrymessage {
    border-right: 2px solid #444; 
}

.date {
    color: #444;
    margin-top: 20px;
    padding: 10px; 
}

下面我正在尝试做

1. 如果 .thread-entryresponse 和 .date 则 border-left: 2px solid #428bca; 在日期
2. 如果 .thread-entrymessage 和 .date 那么 border-right: 2px solid #444;在日期

注意日期在thread-entryresponse和thread-entrymessage中

Answer 1

首先，我强烈建议你学习 HTML/CSS 的基础知识

其次，你可以用这个

DEMO

.thread-entryresponse .date {
    border-left: 2px solid #428bca;
}
.thread-entrymessage .date {
    border-right: 2px solid #444;
}