如何解决在CSS中,“”有什么区别 和“#”声明一组样式时?
是的,它们是不同的…
#
是[ID选择器,用于定位具有唯一ID的_单个_特定元素,但。是一个类选择器,用于将特定类的多个 元素作为目标。换一种方式:
-
#foo {}
将为带有属性声明的 单个 元素设置样式id="foo"
-
.foo {}
将使用属性设置_所有_元素的样式class="foo"
(您也可以将多个类分配给一个元素,只需将它们用空格隔开,例如class="foo bar"
)
典型用途
一般来说,您可以使用#来设置仅会出现一次的样式,例如,高级布局div等内容,如侧边栏,横幅区域等。
在重复样式的地方使用类,例如说您将特殊形式的标题作为错误消息的标题,则可以创建h1.error {}
仅适用于以下样式的样式<h1class="error">
特异性
选择器不同的另一个方面是它们的特殊性-
id选择器比类选择器更具体。这意味着,如果元素上的样式冲突,则使用更具体的选择器定义的样式将覆盖不那么具体的选择器。例如,给定的<divid="sidebar" class="box">
任何规则#sidebar
具有.box
了解有关CSS选择器的更多信息
有关CSS选择器的更多入门知识,请参见选件指南- 它们功能强大,如果您的概念只是“#用于DIV”,那么您最好了解如何更有效地使用CSS。
解决方法
是什么区别#
,并.
宣布一组样式时的元素,什么是决定使用哪一个时发挥作用的语义?
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。