任何规则#sidebar.box

了解有关CSS选择器的更多信息

有关CSS选择器的更多精彩入门,请参阅Selectutorial - 它们非常强大,如果您的概念只是"#用于DIV",那么您应该更好地阅读有关如何更有效地使用CSS的信息.

编辑:看起来像Selectutorial可能已经去了天空中的大网站,所以请尝试使用此存档链接.

---

我相信大多数浏览器如果您(无效地)指定具有相同ID的多个元素,则将具有ID选择器的规则应用于所有这些元素.

2> nickf..：

---

这#意味着它与id元素匹配.该.表示的类名:

This will be red.
this will be blue.


#myRedText {
    color: red;
}
.blueText {
    color: blue;
}

请注意,在HTML文档中,id属性必须是唯一的,因此如果您有多个元素需要特定样式,则应使用类名.

3> tvanfosson..：

---

dot(.)表示类名,而hash(#)表示具有特定id属性的元素.该类将应用于使用该特定类装饰的任何元素,而#style仅适用于具有该特定id的元素.

班级名称:

...

命名元素:

4> 小智..：

---

值得注意的是,在级联中,id(#)选择器更具体比ab(.)选择器.因此,id语句中的规则将覆盖类语句中的规则.

例如,如果以下两个语句都是:

.headline {
  color:red;
  font-size: 3em;
}

#specials {
  color:blue;
  font-style: italic;
}

应用于相同的HTML元素:

Today's Specials

在颜色:蓝色的规则将覆盖颜色:红色规则.

5> Peter Bought..：

---

关于已经说过的几个快速扩展......

一个id必须是唯一的,但你可以用相同的ID,以使不同的风格更加具体.

例如,给定此HTML提取:

    
Heading
    

        ...
    


    
Heading
    ...


    

        ...
    

你可以用这些来应用不同的风格:

#sidebar h2
{ ... }

#sidebar .menu
{ ... }

#content h2
{ ... }

#footer .menu
{ ... }

另一个有用的事情要知道:你可以在一个元素上有多个类,通过空格分隔它们......

...
...

这允许您.menu使用.main.menu和使用特定样式的常见样式.sub.menu

.menu
{ ... }

.main.menu
{ ... }

.other.menu
{ ... }