1 回答

TA貢獻(xiàn)1998條經(jīng)驗 獲得超6個贊
由于這個樣式不涉及到每一層獨(dú)立的樣式,都是向后縮進(jìn)一點,所以層級沒有必要用到,結(jié)構(gòu)類似下面這樣:
html
<ul>
<li class="list-item">
<div class="main"> ... </div>
<!-- 沒有子評論就不顯示ul.child -->
</li>
.....
<li class="list-item">
<div class="main"> ... </div>
<ul class="child"><!-- 這層是一級子評論 -->
<li class="list-item">
<div class="main"> ... </div>
<ul class="child"><!-- 這層是二級子評論 -->
...
</ul>
</li>
<li class="list-item"></li>
...
</ul>
</ul>
CSS:
.list-item > .main {
...
}
.list-item > ul.child {
margin-left: ....;
....
}
添加回答
舉報