是否有CSS选择器在矩形框内选择文本(内嵌块)?

前端之家收集整理的这篇文章主要介绍了是否有CSS选择器在矩形框内选择文本(内嵌块)?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
CSS规则可以选择包含文本(或内嵌块)的框的部分吗?

例如,像“p”一样的HTML片段快速的棕色狐狸跳过懒狗< / p>可能会这样布置:

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

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

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

我注意到,默认情况下,当它实际上超过文本时,光标从“箭头”变为“i-beam”当它在段落框内的其他地方,而不是文字,那么它是一个箭头,而不是一个i-beam.

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

解决方法

您可以做的是将文本包装在span元素中,然后将背景和游标属性设置为它.
原文链接:https://www.f2er.com/css/213975.html

猜你在找的CSS相关文章