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”的元素。

Answer 3

选择任何span元素作为任何元素的后代，其class属性包含单词x-time，它是包含单词x-data的class属性的任何元素的后代。

通过SelectOracle。我建议给Selectutorial一个阅读。

Answer 4

它就像是在说驴子的尾巴。

所以.x-data将是驴子 .x-时间将是尾巴跨度将是头发!!

所以.x-data的.x-time的跨度。

得到它？

Answer 5

任何包含“.x-data”类的元素都将包含任何类型为“.x-time”且包含任何<span>的元素。

例如。

<p class="x-data">
    lipsum
    <span class="x-time">
        <span>lipsum</span> <!-- only this guy is styled -->
        <strong>sdadsa</strong>
    </span>
    <span>dolor</span>
</p>

一个CSS语法问题

5 个答案: