.class和#id：什么区别/何时使用？

Question

'＃'是ID选择器，是CSS语言的基本部分。它将HTML元素与给定的id相匹配。我知道它，但在.css文件中使用.classname {...}或#idselector之间的主要区别是什么。

.hello { color:000000;} 

或

#hello { color:000000;} 

Answer 1

优先。 ID有更高的优先级，然后是类选择器。如果你有以下的CSS：

.hello { color:#000000;} 
#hello { color:#ff0000;} 

假设相同的元素具有“你好”的ID和阶级的“你好”该元素的字体颜色，因为ID具有更高的优先级，则类将是红色的选择。

此外，您只能在页面上拥有一个ID为'hello'的元素。但是，您可以拥有无​​限数量的“hello”类元素。

Answer 2

第一与CSS类中的任何元件你好，第二配衬与值你好的ID的任何元件相匹配。例如：

<div class="hello"></div> 

<div id="hello"></div> 

Answer 3

ID（#hello）只能用于唯一唯一元素（例如：登录按钮）。

类别（.hello）应该用于可重复的元素（例如：导航菜单按钮）。

Answer 4

ID是唯一的，某种元素可能只有一个ID，并且只有一个相同的ID可能存在于页面上。所以以下是无效的：

<div id="first_id second_id"></div> 
<div id="third_id"></div> 
<div id="third_id"></div> 

然而，类名却完全相反。一个元素可能有多个类名，并且同一个类名可以在文档中多次出现。

---

ID的目的，是要表示网页（即，首标，主内容的div，页脚），或内容（消息数149632）的独特部分的独特部分。

一个classname的用途是描述多个相同的含义对象。 （即对话框，帖子，菜单项）。

---

在CSS中，一个#id具有更高特异性价值，这意味着以下几点：

<div id="id" class="class">Test</div> 

#id { background: red; } 
.class { background: green; } 

将使股利红色，因为ID比类更加具体。