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