我不是 CSS 专家，我已经为此苦苦挣扎了几个小时。 所以我在 CSS 中有这个:
li { margin-bottom:6px;}
我希望图库中的照片有底部边距。但是在我的站点菜单中，我使用 <li>标签，它们也受此规则的影响。
如何避免照片和菜单项之间的样式冲突？
这张图片在紫色和黑色线之间有空白——那是底部边距。
最佳答案
在您的 HTML 中，在 <li> 中元素，您可以使用 class 声明样式属性。例如:
<li class="menu">
然后，在您的样式表中，您可以使用 . 专门引用此类列表项。运算符(operator):
li.menu { margin-bottom: 6px; }
如评论中所述，您应该花时间阅读/观看教程。 Here's one from Khan Academy这是作为介绍而设计的
关于html - 避免单个 <li> 标签被 css 设置样式，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/49440916/