Question

是否将2个不同的CSS伪元素应用于同一类on the same time？

浏览器解释我想要的结果，至少在Firefox上一切正常，但是对我来说，如果这是一种正确的方法，则很重要。

在这种情况下，您是否有正确的CSS方法？

.critselect {
    display: block;
    margin-top: 40px;
}
.critselect p:nth-child(2) {
    text-transform: lowercase;
}
.critselect p:nth-child(2):first-letter {
    text-transform: uppercase!important;
}

<div class="critselect">
<p class="randvis">This is first paragraph and have <strong>CRM / Marketing</strong> or others extrnaly inserted values that must remain Uppercase.</p>
<p class="randvis">This is second paragraph and have <strong>French, English, German</strong> or others eternaly inserted values that must to be converted via CSS to lowercase.</p>
</div>

Answer 1

是的，将两个不同的CSS伪类应用于同一个类是正确的，但是在您的情况下...，我认为它不太可行，最好使用

text-transform: capitalize;

，也不必使用

important!

，这是不好的做法

< / p>

同时将2个不同的CSS伪元素应用于相同的类

1 个答案: