Javascript CSS目标所有文本转换:大写?

Javascript CSS目标所有文本转换:大写?,javascript,css,Javascript,Css,我想知道是否有一种方法可以针对所有包含以下内容的文本: text-transform: uppercase; 这里的想法是,在排版方面,如果您使用所有大写字母,您应该增加字母间距以提高易读性,并且只针对所有大写文本而不是为每个具有transform:uppercase的类添加字母间距属性将非常有用 CSS或SASS是否可能实现这一点?简单回答:否,CSS无法检测是否在DOM中设置了样式属性。但是,您可以使用JS检查CSS属性,JS用于DOM 代码片段: var uppercased=docu

我想知道是否有一种方法可以针对所有包含以下内容的文本:

text-transform: uppercase;
这里的想法是,在排版方面,如果您使用所有大写字母,您应该增加字母间距以提高易读性,并且只针对所有大写文本而不是为每个具有transform:uppercase的类添加字母间距属性将非常有用


CSS或SASS是否可能实现这一点?

简单回答:,CSS无法检测是否在DOM中设置了样式属性。但是,您可以使用JS检查CSS属性,JS用于DOM

代码片段:

var uppercased=document.querySelector('.texta');
var property=window.getComputedStyle(大写).getPropertyValue('text-transform');
如果(属性=='大写'){
大写.style.letterSpacing='3px';
};
.texta{
文本转换:大写;
}
文本A

Text B
使用CSS或SASS是不可能的,但您可以像这样使用jQuery:

$('*').filter(function() {
    return $(this).css('text-transform') == 'uppercase';
}).css('letter-spacing','1.1em');

您可以使用jQuery。参考这个答案,你的意思是说这是不可能的吗