CSS - 这个选择器的意义是什么？

Question

adfafdadfadsf

div.alert.error {
background:url("v3.png") no-repeat scroll 7px -643px #FFEEEE;
}

选择器"div.alert.error"的意思是什么？

选择同时包含alert和error类的DIV。

以下两种方式是否有区别？

CaseI:   div.alert.error
CaseII:  div.alert .error
CaseIII: div .alert .error

谢谢

- q0987

Answer 1

CaseI:   div.alert.error

具有类名为alert和error的

元素。<div class="alert error">

CaseII:  div.alert .error

一个带有类名为 error 的元素，它是一个类名为 alert 的 div 元素的子元素。

CaseIII: div .alert .error

在任意 div 的后代元素中，有一个类名为 alert 的元素，其后代元素中包含一个类名为 error 的元素。

- Ken Redler

Answer 2

让我以您的案例为例：

案例I：选择每个应用了“alert”和“error”类的div。

案例II：选择任何一个应用了“alert”类的div内具有“error”类的元素。

案例III：选择任何一个在具有“alert”类和div的东西内具有“error”类的元素。

- Carson

Answer 3

选择器的意思，正如你所猜测的，“选择同时具有警告和错误类的div元素。”另外，三种情况之间也有区别（已由其他人概述）。我建议查看一下W3C CSS2选择器文档的模式匹配部分。

- Matt Ball

Answer 4

假设我们想要对

标签应用样式。那么我们应该按照以下方式编写代码。

h1(this is called 'selector')
{
    text-align(property):center(value);
    color:green;

}

现在使用Id选择器和Class选择器

1）Id选择器

#para1
{
    text-align:center;
    font-face:Bold

}

当我们想要使用以下方式进行编写：

    <input type="text" id="para1">

- Sumeet Gohel