一个CSS语法问题

Question

以下css语法是什么意思？

.x-data .x-time span

谢谢.

Answer 1

它是一个跨度的选择器,它位于具有类.x-time的div(或任何东西)中,inturn嵌套在类.x-data中

例如,如果你有像这样的CSS:

.x-data .x-time span {
    font-size: 12px;
    color: red;
}

然后是这样的结构:

<div class="x-data">
    <div class="x-time">
        Time: <span>12:00</span>
    </div>
</div>

那么12:00的字体大小为12,红色.其中"时间:"部分将遵循继承的格式.

Answer 2

它使用类"x-time"定位元素内的span元素,它们本身也是class ="x-data"的元素.