“#”和“.”有什么区别在 CSS 中？ [复制]

Question

我不知道“#”和“.”之间的区别来创建一个类。示例：

  .teste {
  color: red;
  }

  #teste {
   color: red;
  }

Answer 1

# 指的是 HTML 元素的 ID。 . 指的是 HTML 元素的类。

在您的示例中，.teste 会将第一个 div 着色为红色，#teste 会将第二个 div 着色为红色。

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

请参阅http://www.w3schools.com/CSSref/css_selectors.asp 了解更多信息。

Answer 2

# 指的是一个元素的 Id，而. 指的是一个类。通读https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Getting_started/Selectors

Answer 3

'#' 表示 CSS 'id' 而 '.'是一个CSS“类”。从功能上讲，它们是相同的，但按照惯例，您应该每页只使用一次 id，并为同一页面上的多个元素使用一个类。