Html 在CSS中启动一个代码块有什么区别。[点]和#[散列]？

请针对最后给出的两个CSS示例代码回答以下问题

这两种代码之间有什么区别？一个以点开头，一个以散列开头

如何将这些样式称为HTML？我应该用吗

class=“searchwrapper”

还是应该使用

id=“searchwrapper”

？为什么，有什么区别

示例1：以#[hash]开头

示例2：以[dot]开头

.searchbox {
    /*some text goes here*/
}

---

这些是CSS选择器：

• #foo

  表示id为

  foo

• .foo

  表示类为

  foo

看

ID是唯一的，因此只能有一个ID相同的元素。而一个类可以对多个元素相同（每个元素可以有几个类）。

区别：

指定一个类

#

指定一个ID

类示例：

.myElement {...}

#myElement {...}

将匹配

<div class="myElement">

<div id="myElement">

将匹配

<div class="myElement">

<div id="myElement">

类别或ID：如何选择 只有一个元素可能具有特定ID，但多个元素可能共享一个特定类

• 如果您以一个特定元素为目标，则为该元素指定一个ID，并在CSS中使用

  #

• 如果您以多个相关元素为目标，那么给它们一个类，并在CSS中使用

[dot]是一个类选择器，请参见

#是一个id选择器，请参见

如果已将id分配给文档元素，则使用“#”；如果已将类与文档元素一起使用，则使用“.”点

文档中每个元素的Id都是唯一的，因此如果使用#，则表示希望仅应用于该元素

其中，如果您使用“.”点，则意味着您希望将css应用于其类attirbute设置为css中点之后的名称的元素。比如“.myClass”，那么myClass就是类名

您可以通过以下方式在多个ID上应用相同的css：

#id1,#id2{
//your css
}

---

这些是CSS选择器：

#foo

表示id设置为foo的元素，它指的是

.foo

表示类为foo的元素，它指的是

---

另外：可以有多个元素具有相同的

类

，但不能有多个元素具有相同的ìd`。（实际上你可以，但这很糟糕，W3C会惩罚你）。

'.'是类选择器，它可以应用于具有相同类的多个元素

---

“#”是id选择器，只适用于特定的一个元素id

如果我这样写：div.searchwrapper{/*something*/}那将是一个div元素，类

searchwrapper

@iSumitG，它将匹配所有具有类

searchwrapper

的

div

。彼此之间有好处吗？@ramono:yep，有点困惑；）@iSumitG，您将id用于元素，这些元素应通过唯一的名称进行标识。一个页面上的两个元素不能具有相同的id。但是，从理论上讲，您可以拥有无限数量的元素，所有元素都具有相同的类。使用id的一个示例是识别徽标。使用类的一个例子是在Facebook上识别任何人的个人资料图片。使用点上散列的好处是什么？@iSumitG：请参阅更新的答案，了解何时使用每个选项。CSS没有单行注释（这很烦人）。；-）