css 文字选择器

在CSS中，文字选择器可以用于选择一段文本，将其设置为特定的样式或行为。

    ::selection {
        background-color: #yellow;
        color: #black;
    }

在上面的代码中，我们使用::selection选择器来选中页面中被选中的文本。我们可以使用CSS规则来改变文本的样式或行为，在这里我们将其背景改成黄色，字体颜色为黑色。

除了::selection选择器，我们还可以使用::-moz-selection和::-webkit-selection选择器来分别选中在Firefox和Safari浏览器中被选中的文本。

    ::-moz-selection {
        background-color: #yellow;
        color: #black;
    }
    ::-webkit-selection {
        background-color: #yellow;
        color: #black;
    }

需要注意的是，选择器必须被放置在CSS文件的顶部，以确保被正确地应用。

除了上述的文本选择器，我们还可以使用其他的文本选择器，如::first-line和::first-letter来选择文本的第一行和第一个字母。这些选择器可以通过CSS规则来设置字体、样式和大小等属性。

    p::first-line {
        font-weight: bold;
        font-size: 120%;
    }
    p::first-letter {
        color: #red;
        font-size: 200%;
    }

如上所示，在这段代码中，我们使用::first-line选择器将段落的第一行的字体加粗并设置大小为120%。我们还使用::first-letter选择器将段落的第一个字母设为红色并将其大小调整为了200%。