html – 用于更改h1中最后一个字的颜色的CSS

概述我有一个网站,我正在开发使用 CSS3,我有h1标签的标题： <h1>main title</h1> 现在我想要的标题是不同的颜色： <h1>main <span>title</span></h1> 所以我做： h1 { color: #ddd;}h1 span { color: #333;} 有没有办法不使用span标签,只在CSS中指定最后一个字是不同的颜色？ 这是纯CSS不可能的. 我有一个网站,我正在开发使用 CSS3,我有h1标签的标题：

<h1>main Title</h1>

现在我想要的标题是不同的颜色：

<h1>main <span>Title</span></h1>

所以我做：

h1 { color: #ddd;}h1 span { color: #333;}

有没有办法不使用span标签,只在CSS中指定最后一个字是不同的颜色？

解决方法 这是纯CSS不可能的.但是,您可以使用 lettering.js获取一个::最后一个字选择器. css-Tricks有一个很好的文章： CSS-Tricks: A call for nth-everything.然后,您可以执行以下 *** 作：

h1 {  color: #f00;}/* EDIT: Needs lettering.Js. Please read the complete post,* before downvoting. Instead Vote up. Thank you :) */h1::last-word {  color: #00f;}

总结

以上是内存溢出为你收集整理的html – 用于更改h1中最后一个字的颜色的CSS全部内容，希望文章能够帮你解决html – 用于更改h1中最后一个字的颜色的CSS所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。