标签内的样式标签混乱

Question

我很难理解下面这种类型的css选择器,或者至少是如何应用.

p .intro a { color: yellow }

Answer 1

p .intro a { color: yellow }

任何风格(从右到左阅读)

• a 标签
• 它是具有类的任何标记的后代(点是类选择器) intro
• 这是p标签的后代

示例(请注意,元素不是直接子元素,而是子元素):

<p>
    <span>
        <span class="intro">
            <span>
                <a href="#">I am yellow</a>
            </span>
        </span>
    </span>
</p>

(小提琴)