CSS:嵌套选择器

版权声明:原创内容,欢迎转载 https://blog.csdn.net/weixin_43731793/article/details/91363536

1、属性

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

2、实例

p
{
color:blue;
text-align:center;
}
.marked
{
background-color:red;
}
.marked p
{
color:white;
}
p.marked{
text-decoration:underline;
}

猜你喜欢

转载自blog.csdn.net/weixin_43731793/article/details/91363536