html - . 在 CSS 中启动一段代码有什么区别。 [点] 和 # [哈希]？

Question

请根据最后给出的两段CSS示例代码回答下列问题。

1. 这两个代码有什么区别？一种是以点开头，一种以散列开头。
2. 如何将这些样式调用到 HTML 中？我应该使用class="searchwrapper" 还是我应该使用 id="searchwrapper" ？为什么，有什么区别？

示例 1:以#[hash] 开头

#searchwrapper {
    /*some text goes here*/
}

示例 2:以 .[dot] 开头

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

Answer 1

区别:

. 指定类

#指定一个ID

类示例:

.myElement {...}

将匹配

<div class="myElement">

ID 示例:

#myElement {...}

将匹配

<div id="myElement">

Class或ID:如何选择

只有一个元素可以有一个特定的 ID，但是多个元素可以共享一个特定的类。

• 如果您定位一个特定元素，请为该元素指定一个 ID 并在您的 CSS 中使用 #。
• 如果您定位多个相关元素，请为它们指定一个类并在您的 CSS 中使用 .。