我假设这是不可能的,但是为了防止它或者某人有一个很好的技巧,有没有办法使用CSS定位某些字符?
例如,将所有字母z
放在红色的段落中,或者在我的特定情况下,在标有vertical-align:sup
类的元素中的所有7
上设置chord
。
这在CSS中是不可能的。你唯一的选择是first-letter
,这不会削减它。使用JavaScript或(如您在评论中所述),您的服务器端语言。
嗨,我知道你在CSS中说,但是每个人都告诉你,你不能,这是一个javascript解决方案,只是我的2美分。
最好...
CSS
span.highlight{
background:#F60;
padding:5px;
display:inline-block;
color:#FFF;
}
p{
font-family:Verdana;
}
HTML
<p>
Let's go Zapata let's do it for the revolution, Zapatistas!!!
</p>
JavaScript的
jQuery.fn.highlight = function (str, className) {
var regex = new RegExp(str, "gi");
return this.each(function () {
this.innerHTML = this.innerHTML.replace(regex, function(matched) {return "<span class=\"" + className + "\">" + matched + "</span>";});
});
};
$("p").highlight("Z","highlight");
结果
在CSS中执行此操作的唯一方法是将它们包装在span中并为span提供类。然后针对该类定位所有跨度。