Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/37.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 在CSS文件中只使用类或ID正确吗?这样行吗?_Html_Css - Fatal编程技术网

Html 在CSS文件中只使用类或ID正确吗?这样行吗?

Html 在CSS文件中只使用类或ID正确吗?这样行吗?,html,css,Html,Css,在我的CSS讲座中,我被教导ID是唯一的,而类不是唯一的。 所以我知道我们只能在整个文件中使用ID一次,类也可以再次使用。但我的问题是,在一次采访中,我被问到如果我在整个CSS文件中只使用ID会发生什么?这会有什么不同吗?或者我们可以这样做。我真的很困惑。 大部分情况下,我都使用类来完成整个工作,并且工作正常。但我真的不知道它如何与IDs一起工作。 请帮忙。谢谢。您可以使用ID,CSS也可以工作,但这不是合适的技术。这是对IDs用途的滥用。你可以这样做。但是如果您只想使用ID,那么每个元素都必须

在我的CSS讲座中,我被教导ID是唯一的,而类不是唯一的。 所以我知道我们只能在整个文件中使用ID一次,类也可以再次使用。但我的问题是,在一次采访中,我被问到如果我在整个CSS文件中只使用ID会发生什么?这会有什么不同吗?或者我们可以这样做。我真的很困惑。 大部分情况下,我都使用类来完成整个工作,并且工作正常。但我真的不知道它如何与IDs一起工作。
请帮忙。谢谢。

您可以使用ID,CSS也可以工作,但这不是合适的技术。这是对IDs用途的滥用。

你可以这样做。但是如果您只想使用ID,那么每个元素都必须有一个ID。这将是非常无组织的。建议使用类和元素

div.wrapper>ul>li>a
选择ul列表中的所有a标签

对于此标记:

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


.分区
{
宽度:30px;高度:30px;
边框:2倍实心;
保证金:2倍;
}
#div1.div
{
背景色:红色;
}
在这里,所有div的大小和宽度都相同。我可以简单地使用class。否则它将是
#div1、#div2、#div3{}
。如果添加一个新div会发生什么?您必须在css文件中添加新div的id


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

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

缺乏分类支持将导致引入冗余。
这是一扇通向不一致性的大门。

为了避免冲突,我通常更喜欢类而不是ID,但您必须在这两种方法之间取得平衡。此外,如果某些元素可以组合在一起用于css,那么创建类是有意义的,但如果您想对某个特定元素执行某些操作,那么我们将使用id。如果您使用id时在其他网站上使用js,由于冲突,您可能会遇到问题,但有一些方法可以避免。因此,关键是,尽可能多地使用类。

你不想使用IDs的真正原因不是技术问题,而是像大多数事情一样,人的问题

当你必须在一个有很多人的大型团队中工作时,你不希望javascript人员使用的ID和CSS人员使用的ID之间发生冲突

另一方面,您可以有多个类,这使得它不那么容易发生冲突


另外,为类、样式类、js类等使用名称空间。

为css使用类。如果事件不常见,请为Javascript/Jquery绑定使用id。以正确的方式工作很简单。。。如果可以,你必须避免使用ID,因为ID是唯一的,在很强的情况下,使用ID可以更具特异性…好的。知道了。非常感谢:)问了太多的问题,不可能说出真正的问题是什么,到底是什么。“这行得通吗”这句话就跟你能说的一样含糊不清了。谢谢。这是很有帮助的:)+1,在一个简单的例子中概括了这一切。
<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;
}