试着了解我何时应该使用id和/或class标签

时间:2015-06-30 04:59:44

标签: html css class tags

我是html / css的新手,并完成了codeacademy的css / html教程。我已经重读了我已经完成的所有事情,并且知道为什么一切都按照它的方式工作,除了class / id标签。如果我理解正确的话,类标签对于一堆元素都应该接收相同的样式是有用的,并且当你只有一个元素应该接收它自己的样式时,id是有用的。如果我可以使用类标签获得相同的结果,那么我没有得到的是id标签的重点是什么。对于例如我有盒子1,2和3,我希望他们都是黑色,也就是所有收到相同的造型我会使用类标签。但我改变主意,现在我想要box2是白色的,所以理论上我应该将box2更改为id标签,以便它可以接收它自己的样式,但事情是我仍然可以使用类标签并得到相同的键入.box2 color:white;

的结果

我的问题是,如果我只使用类标记可以做同样的事情,那么class和id标记的重点是什么。

对不起,如果这是一个难以理解的问题。我尽力把它说出来。

3 个答案:

答案 0 :(得分:0)

ID是唯一的,您只对一个元素使用id

<div id="me"></div>

另一方面,类可用于定位多个元素

<div class="book">The Alchemist</div>
<div class="book">Harry Potter</div>

答案 1 :(得分:0)

id标签实际上是JavaScript中最好的,它用于在一堆标签中唯一地标识标签。当您开始使用JavaScripts时,您会意识到id标记的重要性。 假设您的HTML代码中有大约50个<p>个代码。但是你希望得到一个特定<p>标签的价值,那么显而易见的方法就是让你使用id

<p id="demo"></p>

<script>
document.getElementById("demo").innerHTML = Date();
</script>

上面的代码检查id为&#34; demo&#34;然后将Date( )返回的输出分配给相应的标记。

答案 2 :(得分:0)

id用于单个元素。 班级是为了小组。 如果你想改变box2的颜色。你也可以给它们内联css,因为内联css优先级高于另一种类型