如何根据id属性选择特定的li
我有这个 ul
<ul>
<li>
<img alt="" src="../assets/images/Logo@2x.png" />
</li>
<li>
<a href="../FrontEnd/home.aspx">
????????
</a>
</li>
<li>
<a href="../FrontEnd/History.aspx">????? ???????</a>
</li>
<li>
<a href="../FrontEnd/Mission.aspx">????? ???????</a>
</li>
<li>
<a href="../FrontEnd/news.aspx">???????</a>
</li>
<li>
<a href="../FrontEnd/gallery.aspx">?????</a>
</li>
<li>
<a href="../FrontEnd/videos">???????</a>
</li>
</ul>
什么是 css 选择器，它会给我带来新闻。
我累了
#mobile-demo ul li #news { margin-bottom: 0rem !important; }
还
我累了
#mobile-demo ul li[id="news "]{ margin-bottom: 0rem !important; }
我还添加了新闻类
#mobile-demo ul li[class="news "]{ margin-bottom: 0rem !important; }
没有任何效果
运气好的话 ？
回答
你需要像下面这样使用。不要space在ul&之间使用，#mobile-demo因为这#mobile-demo ul意味着它会找到每个ul带有 id 的内部元素#mobile-demo。您需要ul哪个具有 id#mobile-demo以便使用ul#mobile-demo. 同为li也。
而且你已经发布的代码是具有ul与类mobile-demo不id那么使用类选择(.)，而不是id选择(#)。或添加您的ul元素。
ul.mobile-demo li#news { margin-bottom: 0rem !important; }
ul.mobile-demo li#news { margin-bottom: 0rem !important; }
有关更多详细信息，请参阅CSS 选择器 W3Schools。
下面试试看。
ul#mobile-demo li#news {
margin-bottom: 0rem !important;
}
ul#mobile-demo li#mainPage {
margin-right: right:inherit !important;
}