Question

在我的CSS讲座中，我被告知ID是唯一的，而课程则不是。所以我知道我们只能在整个文件中使用一次ID，并且可以再次使用类。但我的问题是，在一次采访中我被问到如果我只使用整个CSS文件的ID会怎么样？它会有什么不同，或者我们可以做到这一点。我真的很困惑。大多数情况下，我使用类来完成整个过程并且它正常工作。但我真的不太清楚如何使用ID。请帮忙。感谢。

Answer 1

Demo

<div class="div" id="div1"></div>
<div class="div" id="div2"></div>
<div class="div" id="div3"></div>
<div class="div" id="div4"></div>
<div class="div" id="div5"></div>

.div
{
 width: 30px;height: 30px;
 border: 2px solid;
 margin: 2px;
}
#div1.div
{
 background-color: red;
}

这里，所有div的大小和宽度都相同。我可以简单地使用课程。否则它将是#div1,#div2,#div3{}。如果添加新div会发生什么？您必须在css文件中添加新div的id。

如果你想为不同的div设置不同的颜色，你可以使用我提到的id。类似地，如果要在单击每个div时执行不同的功能，则可以在javascrip / jquery事件中使用。

Answer 2

您可以使用ID并且CSS可以使用，但这不是正确的技巧。这是对ID的目的的误用。

Answer 3

你可以做到这一点。但是如果你只想使用id，那么每个元素都必须有一个。这将是非常非结构化的。建议使用类和元素。

像div.wrapper > ul > li > a一样选择所有标签而不是ul列表。

对于此标记：

<div class="wrapper">
    <ul>
        <li><a href""></a></li>
    </ul>
</div>

Answer 4

IMHO直接在CSS中使用ID的主要缺点是，您无法区分共享相同样式属性的元素的意义集中的元素类别。

缺乏分类支持会导致冗余的引入。这是对不一致的开放之门。

Answer 5

我宁愿选择超过ID的课程来避免冲突，但你必须在这些方法之间取得平衡。此外，如果某些元素可以组合在一起用于css，那么有类是有意义的，但是如果你想用特定元素做某事，那么我们使用id。你可能也会遇到问题，以防你的js在不同的网站上使用当你因为冲突而使用id时，但是有办法避免这种情况。所以，要尽可能多地去上课。

Answer 6

您不想使用ID的真正原因不是技术性问题，而是像大多数事情一样，是人员问题。

当你必须在一个拥有很多人的大型团队中工作时，你不希望所使用的javascript家伙的ID与CSS家伙使用的ID之间存在冲突。

另一方面，您可以拥有多个类，这样可以减少冲突。

此外，为您的类，样式类，js-classes等使用名称空间。

在CSS文件中只使用类或ID只是正确的吗？这会有用吗？

6 个答案: