我有 ul li 的導航欄...
我只想更改某些 li 的高度大小
我的代碼是：
<ul id="main-menu">
<li>category
<ul>
<li>mobile
<ul>
<li>iphone
<ul>
<li>11</li>
<li>12</li>
<li>13</li>
</ul>
</li>
<li>samsung
<ul>
<li>note 9</li>
<li>note 10</li>
<li>note 11</li>
</ul>
</li>
<li>nokia
<ul>
<li>c1</li>
<li>c2</li>
<li>c3</li>
</ul>
</li>
</ul>
</li>
<li>tablet</li>
</ul>
</li>
<li>search</li>
<li>article</li>
</ul>
</ul>我只想更改手機和平板電腦的高度大小 li 而不是其他 ul 的另一個 li
uj5u.com熱心網友回復：
嘗試：
#main-menu > li:first-of-type > ul:first-of-type > li
您首先選擇主選單中的第一個直接子 li，然后是它的第一個直接子 ul，然后是它的所有直接子 li。
注意：對于要包含在 lis 中的文本量而言，100px 非常小，因此在此代碼段中使用了 300px。
#main-menu > li:first-of-type > ul:first-of-type > li {
height:300px;
border:1px solid #aeaeae;
}<ul id="main-menu">
<li>category
<ul>
<li>mobile
<ul>
<li>iphone
<ul>
<li>11</li>
<li>12</li>
<li>13</li>
</ul>
</li>
<li>samsung
<ul>
<li>note 9</li>
<li>note 10</li>
<li>note 11</li>
</ul>
</li>
<li>nokia
<ul>
<li>c1</li>
<li>c2</li>
<li>c3</li>
</ul>
</li>
</ul>
</li>
<li>tablet</li>
</ul>
</li>
<li>search</li>
<li>article</li>
</ul>
</ul>uj5u.com熱心網友回復：
這是您所描述的您正在嘗試執行的操作的示例。https://css-tricks.com/almanac/selectors/f/first-of-type/
轉載請註明出處，本文鏈接：https://www.uj5u.com/qita/322073.html
上一篇：特定子項的Flex框跳過高度計算
下一篇：svg作為游標url值未得到應用