在CSS中选择子元素时是否需要>符号？

Question

div > p {
    background-color: yellow;
} 

似乎没有任何不同的评价

div p {
    background-color: yellow;
} 

但是我会不知道会有什么影响吗？似乎使用>更合适的风格,至少.

Answer 1

它们是有区别的; >是"紧接着".所以你div > p会适用于p这里:

<div>
    <p>Text here</p>
</div>

但不是这里:

<div>
    <table>
        <tr>
            <td>
                <p>Text here</p>
            </td>
        </tr>
    </table>
</div>

可以在子规范选择器的CSS规范中找到更详细的描述.