问题描述

css 派生选择器的结构是怎样的？

比如如下的结构

 <div class="testcss">
        <h1>
            <p>tttttttttt</p>

如果要修改其中的

里面的字体的色彩。
派生选择器是这样写吗?

 .testcss div h1 p{
    color:blue;
}

或者是这样写吗？
.testcss h1 p{
    color:blue;
}

也就是说类名后面需要加上所在元素吗？

解决方案

不需要写全，下面的就行，testcss下的p为蓝色，写全就需要限定结构一定是那样的才会生效。

 .testcss p{
    color:blue;
}

如你第一个样式是错的，你.testcss下没有div h1 p这种结构，你的第一个样式要生效，dom结构要这样

 <div class="testcss">
<div>
        <h1>
            <p>tttttttttt</p>

解决方案二：

CSS 派生选择器（四）
（转）css（三 派生选择器）