Javascript 选择第二个单词

Javascript 选择第二个单词,javascript,html,css,Javascript,Html,Css,我有这个HTML: <span>Lies Hendriks</span> 如何使用CSS选择第二个单词。我无法更改此文档的HTML。 我想给亨德里克斯另一种风格。或者我可以用JavaScript实现吗?您需要将其拆分为单独的实体,以便对每个单词应用不同的样式 <span style="style1">Lies</span><span style="style2">Hendriks</span> 如果不更改HTML本身,就

我有这个HTML:

<span>Lies Hendriks</span>
如何使用CSS选择第二个单词。我无法更改此文档的HTML。
我想给亨德里克斯另一种风格。或者我可以用JavaScript实现吗?

您需要将其拆分为单独的实体,以便对每个单词应用不同的样式

<span style="style1">Lies</span><span style="style2">Hendriks</span>

如果不更改HTML本身,就无法使用JS或CSS选择性地将样式应用于单个单词。

您需要拆分为单独的实体,才能将不同的样式应用于每个单词

<span style="style1">Lies</span><span style="style2">Hendriks</span>

如果不改变HTML本身,就无法使用JS或CSS对单个单词选择性地应用样式。

你不能使用CSS,但如果你知道自己的结构,例如,它总是你需要改变样式的第二个单词,你可以使用JavaScript,当然,假设你可以将JS注入页面

这是一个可能有点复杂的示例,但如果您的HTML有:

<span>Lies Hendriks</span>
在CSS中


上面的代码允许我将第一个单词后面的所有内容设置为红色。根据你的结构,这应该会给你一个方法。

你不能使用CSS,但是如果你知道你的结构,比如说,它总是你需要改变风格的第二个词,你可以使用JavaScript,当然,假设你可以将JS注入到页面中

这是一个可能有点复杂的示例,但如果您的HTML有:

<span>Lies Hendriks</span>
在CSS中


上面的代码允许我将第一个单词后面的所有内容设置为红色。根据你的结构,这应该会给你一个方法。

你能解释为什么你不能更改该页面的html吗?你不能更改页面的生成方式,或者你不能在以后用JavaScript更改html结构吗?你能解释为什么你不能更改该页面的html吗?你不能更改页面的生成方式,或者以后不能用JavaScript更改HTML结构?真的吗?你不能用JS和3个人投票?我理解有人说这是一个有问题的做法,或者它需要控制特定页面上的JS注入/加载,但不能?抱歉,@ChrisBint,但这仍然是错误的。根据HTML文件的组织,您可以使用JS而不更改一个HTML元素。例如,如果HTML文件包含您的模块,或者动态加载JS,并且您可以访问JS代码。有了CSS,这不是你不能做的事情,但是js正在改变HTML。这就是@ChrisBint试图使`@Eric改变HTML文件和在呈现HTML内容后修改DOM之间的区别。后者是一种被广泛接受的技术。所以,我想,这是一个语义问题——Chris说“HTML”是什么意思——原始HTML源或对应于该HTML源的解析和呈现DOM。真的吗?你不能用JS和3个人投票?我理解有人说这是一个有问题的做法,或者它需要控制特定页面上的JS注入/加载,但不能?抱歉,@ChrisBint,但这仍然是错误的。根据HTML文件的组织,您可以使用JS而不更改一个HTML元素。例如,如果HTML文件包含您的模块,或者动态加载JS,并且您可以访问JS代码。有了CSS,这不是你不能做的事情,但是js正在改变HTML。这就是@ChrisBint试图使`@Eric改变HTML文件和在呈现HTML内容后修改DOM之间的区别。后者是一种被广泛接受的技术。所以,我想,这是一个语义问题——Chris说“HTML”是什么意思——原始HTML源或与该HTML源相对应的经过解析和呈现的DOM.Nice。这将是一个很好的做法,为向下的选民留下评论。这将是一个很好的做法,为向下的选民留下评论。