Jquery 如何在一个跨度内添加三种颜色的文本而不使用<;字体>;标签

Jquery 如何在一个跨度内添加三种颜色的文本而不使用<;字体>;标签,jquery,html,css,Jquery,Html,Css,如何在单个范围内添加三种颜色的文本(详细信息红色,输入蓝色,此处为黄色),而无需使用标记。可能吗 <span>Details Enter Here</span> 在此处输入详细信息 如果不使用3个不同类型的标签,就无法完成此操作,因为您需要一个标识符或添加颜色的东西。仅仅纯文本是不够的说明符。下面的示例显示了如何将其与3个单独的或3个单独的一起使用 您需要使用3种不同的跨距,如下所示: <span style="color:red">Details</

如何在单个范围内添加三种颜色的文本(详细信息红色,输入蓝色,此处为黄色),而无需使用
标记。可能吗

<span>Details Enter Here</span>
在此处输入详细信息

如果不使用3个不同类型的标签,就无法完成此操作,因为您需要一个标识符或添加颜色的东西。仅仅纯文本是不够的说明符。下面的示例显示了如何将其与3个单独的
或3个单独的
一起使用


您需要使用3种不同的跨距,如下所示:

<span style="color:red">Details</span>
<span style="color:blue"> Enter</span>
<span style="color:yellow"> Here</span>
详细信息
进入
在这里

虽然没有用于单词的CSS选择器,但是如果
span
中没有任何附加标记,则无法执行此操作。由于
font
标记已被弃用,您仍然可以使用其他内联标记。最常见的是
span
,因此在span中封装span没有问题,因为允许(对HTML4和5有效)在
span
中封装内联元素

你在上面的评论中说:

先生,我们有一个共同的css,所以我们不能使用字体标签,包括更多的跨度将需要改变其他网页也

因此,如果将
span
标记拆分为三个标记,则这是正确的。但您应该能够在现有标记内包装一些额外的
span
,如:

<span>
    <span>Details </span>
    <span>Enter </span>
    <span>Here!</span>
</span>
这样,就不需要更改任何当前的CSS(这样其他页面就不会受到影响),但是您可能需要为新标签添加一些额外的选择器(如果您不想触摸CSS文件,您甚至可以像
那样内联执行此操作)


你可以。希望这有帮助

字体标记已弃用。!只是在span中有3个span或3个其他标记,其中包含classnames任何其他不使用字体标记的方法,span?您所问的是不可能的我看不到这种类型。我只试着单曲span@kannan对不起,但据我所知,那是不可能的。为什么需要一个跨度?它不会影响性能。或者,我们有一个通用的css,所以我们不能使用字体标签,包括更多的span将需要更改其他页面also@kannan您可以直接在标记中执行(如我的示例中所示)。这样,您甚至不必直接接触标签中给出的cssi,但首先它会获取普通cssiam,而不是这种类型。我只在单跨中尝试
span:first-child {
  color: red;
}
span:nth-child(2) {
  color: blue;
}
span:last-child {
  color: yellow;
}