Question

我可以使用:nth-child选择（并设置）给定HTML元素中的特定单词吗？例如：

<h2 class="site-description">Four word long title</h2>

我想更改样式 - 更改前两个字词的font-size和font-style，然后将两个字改为换行到另一行 - 无需更改我无法访问的HTML。

这可以用:nth-child吗？

如果这是完全不好的方法，那么还有其他选择来实现这个吗？

Answer 1

不，它不适用于:nth-child

因为nth-child仅适用于不在字符串

字符上的子标签

如果你不能改变html试试jquery - 或参考此

Change color of selected text in a div using bootstrap & color picker

如果您可以编辑html：

，可以试试这个

用span分隔字符并在跨度上应用css

希望帮助

Answer 2

nth-child正在申请html标签。

这里你只有一个html标签。可能的是创建一个小的js函数或为每个单词添加一个html标签。我会使用javascript解决方案。

否则，如果您愿意接受另一个图书馆，可以查看http://letteringjs.com/。