css - 如何在标签之间选择松散的文本

Question

如果您在 HTML 代码中发现未嵌入任何标签的文本，例如：

<sometag> ex1 </sometag>

我知道许多使用 ap 标签或在 div 上使用类或 id 等选择文本的方法，但我的问题是：您如何按原样为此代码编写 css 规则？另外，我希望规则特定于文本，因此：

一些标签{...}

是不可取的，因为它更通用。

提前感谢大家。

Answer 1

简单地说，没有。目前没有选择器可以仅使用 CSS 选择 TEXT。您可以（并且应该）使用标记来获得您正在寻找的结果：

HTML：

<sometag>
    <span>text here</span>
    <img src='..' />
    some other stuff i don't want to select in my CSS
</sometag>

CSS：

sometag span{
    /* do something here */
}

Answer 2

文本节点不能应用样式，因此您需要应用样式的任何内容都必须在元素中。例如，如果您希望元素内的某些文本具有不同的样式，请将其包装在 span 或 div 中。

然后可以根据元素类型、ID、类或文档顺序使用 CSS 选择包装元素，但不能根据内容选择。

但是，您可以使用 jQuery 使用选择器按内容进行:contains选择：http ://api.jquery.com/contains-selector/

Answer 3

如果“您的标签”是保留名称，如输入、div 等，您可以使用：

例如

sometag {
  border-width: 1px;
}

当然，每个标签都可以接收一个 id 或 class，因此，您仍然使用 id 或 class：

ID

<sometag id="myid"></sometag>

#myid {
  border-width: 1px;
}

班级

<sometag class="myclass"></sometag>
.myclass {
  border-width: 1px;
}

Answer 4

您可以使用 html：

html {
 color: red;
}

或身体：

body {
 color: red;
}

或选择带有 * 的所有内容：

* {
 color: red;
}