可能重复:
In CSS what is the difference between “.” and “#” when declaring a set of styles?以下css风格之间的区别?
我新的Web开发。我可以知道以下两种CSS样式之间的区别吗?
.styleName{
color:red;
}
和
#styleName{
color:red;
}
谢谢!
可能重复:
In CSS what is the difference between “.” and “#” when declaring a set of styles?以下css风格之间的区别?
我新的Web开发。我可以知道以下两种CSS样式之间的区别吗?
.styleName{
color:red;
}
和
#styleName{
color:red;
}
谢谢!
点代表“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拼写错误的 “颜色”。
一个引用了类名的styleName
(class="styleName"
在你的HTML),其他引用一个与ID的styleName
(与id=""
atrribute)的元素。
CSS中的#
表示ID选择器,而.
(点)表示类选择器。一个ID必须是文档唯一的,而一个类可以被赋予多个元素。
的。前缀是指元素的类。 #前缀是指元素的ID。
所以你的第一个例子会寻找类似<element class="styleName">....
的东西。你的第二个例子是寻找像<element id="styleName">....
.styleName将匹配与类的styleName例如任何物体<span class="styleName>
<span id="styleName>
你也拼色错在#styleName #styleName将匹配任何物体与styleName已如的ID部分
它们匹配不同的事情。第一个(.styleName)匹配所有具有类styleName的元素。这可以是多个元素。 #styleName中的第二个匹配具有id styleName的元素。只有一个元素具有该ID。
很高兴你对网络开发不熟悉,但请在努力学习基础知识之前,先问一些可以通过任何[初学者教程](http://www.htmldog.com)回答的基本问题。 /引导件/ cssintermediate/CLASSID /)。你从哪里学习CSS? – 2011-12-21 13:42:40