关于css嵌套选择器实例分享

2024-01-16 15:44 小编
嵌套选择器
 
    它可能适用于选择器内部的选择器的样式。
 
    在下面的例子设置了四个样式:
 
    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: 分享 选择
在线咨询 拨打电话

电话

13363039260

微信二维码

微信二维码