Question

我正在尝试使用css单独自定义我的ul li图像，但它并不适合我。我已经尝试将id放在我的图像上，并将课程放在我的照片上，但每次我做任何类似的事情并试图只对一张图片做一些事情时，它会对所有人都这样做。 / p>

这是我的HTML：

<div id="list">
<ul><li class="port"><a href="#"><img src="images/port.png" alt=""></a></li>
    <li class="secrets"><a href="#"><img src="images/secrets.png" alt=""></a></li>
    <li class="contact"><a href="#"><img src="images/contact.png" alt=""></a></li>
</ul>

我的css：

#list li.contact img { margin-top: -2em; }

非常感谢任何帮助，谢谢！

Answer 1

为什么不这样做：

#list{/*some css*/}
.class > image{/* css regarding image here */}


<div id ="list">
    <ul>
        <li class="port"><a href="stuff"><img src="stuff"></a></li>

如何在css中单独自定义列表项图像

1 个答案: