是否有一个CSS选择器来选择矩形框内的文本(内联块)？

CSS规则可以选择包含文本(或内联块)的框的部分吗？

例如,像这样的HTML片段

The quick brown fox jumped over the lazy dog

+--------------------------+
|  The quick brown fox     |
|  jumped over the         |
|  lazy dog                |
+--------------------------|

如果我像那样创建一个CSS规则p { background: red },整个框/矩形将有一个红色背景,包括每行末尾的"空白".

有没有办法指定一个选择器,使得在每一行上只有实际文本有红色背景？

我注意到,默认情况下,当光标实际超过文本时,光标从"箭头"变为"工字梁"; 如果它在段落框中的其他地方,而不是文本,则它是箭头而不是工字梁.

如果我指定一个明确的规则,p { cursor: crosshair }那么它在矩形框内的任何地方都有效.同样,是否有可能只有当光标实际上是在文本上时才选择一个规则？

您可以做的是将文本包装在span元素中,然后将背景和光标属性设置为它.

由于CSS选择器与文本节点不匹​​配,因此我无法完全按照您的意愿进行操作.您必须在一个范围中包装文本,然后设置范围的样式.