.nav-stacked > li + li {
?margin-top: 2px;
?margin-left: 0;
}
li +li 什么意思呀？
飛舞
2014-10-17
3 回答
舉報(bào)
0/150
提交
取消
2015-12-04
我看樓上是最后總結(jié)錯(cuò)誤了吧。
.nav-stacked>li,
.nav-stacked +li{
}
這樣才是父元素nav-stacked所包含的所有子元素 li，以及之后出現(xiàn)的所有l(wèi)i元素
現(xiàn)在問的是：
.nav-stacked>li +li{}
意思還是一樓正確。
2014-11-24
--------------緊急補(bǔ)充---------------------
經(jīng)驗(yàn)證發(fā)現(xiàn)剛才的回答是錯(cuò)的??！
因?yàn)槟秸n現(xiàn)在還沒有編輯功能，只能在這里重新回答一下：
驗(yàn)證代碼：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>商家類表</title>
<style type="text/css">
.nav-stacked > li + li{
background-color: #333;
color:#fff;
}
</style>
</head>
<body>
<ul class="nav-stacked">
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
</ul>
<ul>
<li>5</li>
</ul>
</body>
</html>
驗(yàn)證效果：
根據(jù)驗(yàn)證結(jié)果：可以看出
.nav-stacked > li + li 是對(duì) 類名為nav-stacked所包含的的除去第一個(gè)li元素 作用，即從第二個(gè)li元素開始作用；父元素類名如果不是nav-stacked，同樣不起作用。
2014-11-24
.nav-stacked > li + li:可以分為兩部分
前半部分：.nav-stacked > li
后半部分：li
中間部分："+"在此起到連接的作用
所以，不應(yīng)該把“l(fā)i+li”單獨(dú)拿出來理解。
關(guān)于問題：
查看文檔可知：
element>element ? ?div>p ? ?選擇父元素為 <div> 元素的所有 <p> 元素。 ??
element+element ? ?div+p ? ?選擇緊接在 <div> 元素之后的所有 <p> 元素。 ? ?
>所起的作用在css里是子元素選擇器，意思是只選擇當(dāng)前元素符合條件的子元素，但是不包含孫元素及更深入的元素
所以，.nav-stacked > li + li這句代碼的意思可以理解為：
父元素nav-stacked所包含的所有子元素 li，以及之后出現(xiàn)的所有l(wèi)i元素