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

Question

请回答以下问题,最后给出两个CSS示例代码.

1. 这两个代码有什么区别？一个是以dot开头,另一个是哈希.
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">

班级或ID:如何选择

只有一个元素可以具有特定ID,但是多个元素可以共享特定类.

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

Answer 2

这些是CSS选择器:

• #foo 表示具有id的元素 foo
• .foo 表示具有类的所有元素 foo

见http://www.w3.org/TR/CSS2/selector.html

ID是唯一的,因此您只能拥有一个具有相同ID的元素.虽然一个类对于许多元素可以是相同的(并且每个元素可以有几个类).