在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。

解决方法

是什么区别#,并.宣布一组样式时的元素,什么是决定使用哪一个时发挥作用的语义?

相关问答

Selenium Web驱动程序和Java。元素在(x,y)点处不可单击。其...
Python-如何使用点“。” 访问字典成员?
Java 字符串是不可变的。到底是什么意思?
Java中的“ final”关键字如何工作?(我仍然可以修改对象。...
“loop:”在Java代码中。这是什么,为什么要编译?
java.lang.ClassNotFoundException:sun.jdbc.odbc.JdbcOdbc...