避免使用css

Question

我不是CSS的专家，而且我已经在这几个小时里一直在努力。 所以我在CSS中有这个：

li { margin-bottom:6px;}

我希望画廊中的照片有底边距。但是在我的网站菜单中，我也使用了<li>个标签，并且受到此规则的影响。

如何避免照片和菜单项之间的样式冲突？

此图像在紫色和黑色线之间有空白区域 - 这是边距底部。

Answer 1

在HTML中，在<li>元素内，您可以使用class属性声明样式。例如：

<li class="menu">

然后，在样式表中，您可以使用.运算符专门引用此类列表项：

li.menu { margin-bottom: 6px; }

正如评论中所述，您应该花时间阅读/观看教程。 Here's one from Khan Academy设计为介绍

Answer 2

您可以使用CSS'not'属性排除元素。以下是：

1. 为那些您不希望受一般CSS影响的元素设置一个类，如：<li class="excluded"></li>

2. 将CSS更改为

   li:not(.excluded){ margin-bottom:6px; }