嵌套选择器
它可能适用于选择器内部的选择器的样式。
在下面的例子设置了四个样式:
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;
}
Tag:
分享
选择