CSS <div class="">和<div id="">CSS 之间的区别是什么?可以使用<div id="">吗?
我看到不同的开发人员在这两方面做到这一点,因为我自学成才,我从来没有真正弄明白.
<style>
#main{
background: #000;
border: 1px solid #AAAAAA;
padding: 10px;
color: #fff;
width: 100px;
}
</style>
<div id="main">
Welcome
</div>
Run Code Online (Sandbox Code Playgroud)
在这里,我给了一个id到div元素,它的应用相关的CSS它.
要么
<style>
.main{
background: #000;
border: 1px solid #AAAAAA;
padding: 10px;
color: #fff;
width: 100px;
}
</style>
<div class="main">
Welcome
</div>
Run Code Online (Sandbox Code Playgroud)
现在,这里我给class的div,它也做同样的工作对我来说.
那么Id和类之间的确切区别是什么?id我应该何时使用以及何时应该使用class.?我是CSS和网页设计的新手,在处理这个问题时有点困惑.
我一直在深入研究有关CSS的SitePoint书籍.
让我了解这些例子的是使用ID作为CSS选择器.
我已经完成了一些CSS设计,我总是发现使用Class作为选择器更容易,更通用.
也许它是一个.Net的东西,因为我们并不总是控制元素的ID ...
这里最好使用CLASS或ID作为选择器吗?
在设计特定的html元素时,我倾向于始终使用class属性.css代码看起来更干净.
为什么两者都存在,你应该使用哪一个?何时?
我正在学习HTML.有人可以告诉我类和id有什么区别,何时使用另一个?他们似乎做同样的事情
<!DOCTYPE HTML>
<html>
<head>
<style>
#mycolor1 {color: red;}
.mycolor2 {color: red;}
</style>
</head>
<body>
<div id="mycolor1"> hello world </div>
<div class="mycolor2"> hello world </div>
</body>
</html>
Run Code Online (Sandbox Code Playgroud) 您可以使用ID执行的任何操作都可以使用类.
那么为什么会有ID属性呢?
是的,ID是独一无二的,但是一个类也可以是独一无二的......
我知道其他人已经询问过如何在CSS文件中使用class和id,比如
所以我知道class和id之间的语义和语法差异:id应该用于只使用一次的元素,而class应该用于共享属性的元素.
但这不是一个严格的规则,是吗?将id用于多个元素有什么危害?或者只使用一个班级?毕竟,不是"一个元素"只是一个集合(类)只有一个东西吗?
如果我违反规则,浏览器的CSS解释器会抛出错误吗?我没见过它.
那么为什么我们同时拥有id和class?为什么不只是一个或另一个并称之为好?
我一直想知道......在CSS在那里创建一个样式类和应用的一个元素,或(从能够将类分配给不同的元素分开)与#elementId符号创建的风格有何不同?
例如...
#div1
{
background-color: Yellow;
}
<div id="div1">
Hello world!
</div>
Run Code Online (Sandbox Code Playgroud)
要么
.div1
{
background-color: Yellow;
}
<div class="div1">
Hello world!
</div>
Run Code Online (Sandbox Code Playgroud)
谢谢!:)