css - CSS 选择器中的句号

<分区>

使用各种选择器配置有什么影响？

最佳答案

CSS 中的句点用于表示class 选择器。例如;

现在根据你的问题让我们看看这些类将在哪里生效。

一个。 span.classy.whatever { }:它会影响具有 classy 和 whatever 两个类的 span 元素。

<span id="mySpan" class="classy whatever"> Span Text </span>

span.classy, .whatever { }:它将影响具有 classy 类的 span 和具有 whatever 类的元素。

<span id="mySpan" class="classy"> Span Text </span>

<div class="whatever"></div>

span .classy .whatever { }:它将影响具有 whatever 类的元素，并且该元素的父元素将是 classy 并且classy 的父级将是 span。

<span>
    <span class="classy">
    <span class="whatever">
        inner most child
    </span>
</span>

span, .classy, .whatever { }:它会影响 classy 类和 whatever 类的跨度和元素。

<span>Span Text</span>

<div class="classy"></div>

<p class="whatever"></p>

关于css - CSS 选择器中的句号，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/21708823/

相关文章：

javascript - 使用 data() 访问元素？