嵌套选择器

 

    它可能适用于选择器内部的选择器的样式。

 

    在下面的例子设置了四个样式：

 

    p{}:为所有p元素指定一个样式。

 

    .marked{}:为所有class="marked"的元素指定一个样式。

 

    .markedp{}:为所有class="marked"元素内的p元素指定一个样式。

 

    p.marked{}:为所有class="marked"的p元素指定一个样式。

 

    实例

 

p

 

{

 

    color:blue;

 

    text-align:center;

 

}

 

.marked

 

{

 

    background-color:red;

 

}

 

.marked p

 

{

 

    color:white;

 

}

 

p.marked{

 

    text-decoration:underline;

 

}