我有一个网站,我正在开发使用
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;
}
