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元素中,然后将背景和游标属性设置为它.