以下css风格之间的区别？

Question

  

可能重复：
  In CSS what is the difference between “.” and “#” when declaring a set of styles?

我是网络开发的新手。我可以知道下面两种CSS样式之间的区别吗？

.styleName{
color:red;
}

和

#styleName{
color:red;
}

谢谢！

Answer 1

。 prefix指的是元素的类。 ＃前缀是指元素的ID。

所以你的第一个例子会找<element class="styleName">....之类的东西。您的第二个示例将寻找类似<element id="styleName">....

的内容

Answer 2

一个引用一个类名的元素styleName（HTML中为class="styleName"），另一个引用 ID 的 styleName（id="" atrribute）。

CSS中的#表示ID选择器，而.（点）表示类选择器。 ID必须对文档是唯一的，而类可以赋予多个元素。

Answer 3

点表示“类”，其中“＃”符号表示“id”。

第一个匹配所有类型为“styleName”的标签。 对于ids，第二个是相同的。

示例：

<p class="styleName">hi</p> <!-- first matches, its a class of name styleName -->
<p id="styleName">hi</p> <!-- second matches, its an id of type styleName -->

请注意，您在#styleName中拼错了“颜色”。

Answer 4

.styleName将匹配任何具有styleName类的对象，例如<span class="styleName>  #styleName将匹配任何id为styleName的对象，例如<span id="styleName> 你在#styleName部分

中拼错了颜色

Answer 5

请看下面这些链接。他们可以澄清你的想法：

http://css-tricks.com/the-difference-between-id-and-class/

http://www.tizag.com/cssT/cssid.php

Answer 6

他们匹配不同的东西。第一个（.styleName）匹配具有class styleName的所有元素。这可以是多个元素。 #styleName上的第二个匹配具有id styleName的元素。只有一个元素具有该ID。