是什么区别#,并.宣布一组样式时的元素,什么是决定使用哪一个时发挥作用的语义?
#
.
#是[ID选择器,用于定位具有唯一ID的_单个_特定元素,但。是一个类选择器,用于将特定类的 多个 元素作为目标。换一种方式:
#foo {}
id="foo"
.foo {}
class="foo"
class="foo bar"
一般来说,您可以使用#来设置仅会出现一次的样式,例如,高级布局div等内容,如侧边栏,横幅区域等。
在重复样式的地方使用类,例如说您将特殊形式的标题作为错误消息的标题,则可以创建h1.error {}仅适用于以下样式的样式<h1class="error">
h1.error {}
<h1class="error">
选择器不同的另一个方面是它们的特殊性- id选择器比类选择器更具体。这意味着,如果元素上的样式冲突,则使用更具体的选择器定义的样式将覆盖不那么具体的选择器。例如,给定的<divid="sidebar" class="box">任何规则#sidebar具有.box
<divid="sidebar" class="box">
#sidebar
.box
有关CSS选择器的更多入门知识,请参见选件指南- 它们功能强大,如果您的概念只是“#用于DIV”,那么您最好了解如何更有效地使用CSS。