2011-12-21 94 views
-5

可能重复:
In CSS what is the difference between “.” and “#” when declaring a set of styles?以下css风格之间的区别?

我新的Web开发。我可以知道以下两种CSS样式之间的区别吗?

.styleName{ 
color:red; 
} 

#styleName{ 
color:red; 
} 

谢谢!

+0

很高兴你对网络开发不熟悉,但请在努力学习基础知识之前,先问一些可以通过任何[初学者教程](http://www.htmldog.com)回答的基本问题。 /引导件/ cssintermediate/CLASSID /)。你从哪里学习CSS? – 2011-12-21 13:42:40

回答

1

点代表“class”,其中“#”号表示“id”。

第一个匹配所有类型为“styleName”的标签。 第二个对于ID来说是一样的。

例子:

<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拼写错误的 “颜色”。

1

一个引用了类名的styleNameclass="styleName"在你的HTML),其他引用一个与ID的styleName(与id="" atrribute)的元素。

CSS中的#表示ID选择器,而.(点)表示类选择器。一个ID必须是文档唯一的,而一个类可以被赋予多个元素。

2

的。前缀是指元素的类。 #前缀是指元素的ID。

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

0

.styleName将匹配与类的styleName例如任何物体<span class="styleName><span id="styleName> 你也拼色错在#styleName #styleName将匹配任何物体与styleName已如的ID部分

0

它们匹配不同的事情。第一个(.styleName)匹配所有具有类styleName的元素。这可以是多个元素。 #styleName中的第二个匹配具有id styleName的元素。只有一个元素具有该ID。