Override CSS text-transform

Question

Tôi đang sử dụng CSS sau đó chuyển tất cả văn bản thành chữ hoa:

.taxtabs { 
font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif; 
font-size: .8em; 
width: inherit; 
text-align:center; 
text-transform: uppercase; 
border-collapse: collapse; 
} 

Bây giờ những gì tôi muốn làm là để ghi đè CSS này và cho phép văn bản nhất định phải là chữ thường. Tôi sẽ làm như thế nào? Có lẽ sử dụng một số loại CSS nội tuyến? Cảm ơn.

Answer 1

Có lẽ tốt hơn để tạo ra một lớp mà không có bất kỳ văn bản chuyển đổi.

.normal { 
    text-transform: none; 
} 

<div class="taxtabs"> 
... <span class="normal">this text is not uppercase</span> ... 
</div> 

Answer 2

Có lẽ thêm một lớp mới gọi là lowercase để chọn .textabs để bạn có thể xác định một cái gì đó như thế này:

.textabs.lowercase { text-transform: lowercase; } 

Answer 3

Tạo lớp cho bất kỳ yếu tố nào bạn không muốn giới hạn và đặt text-transform: none !important; trong đó. Tôi không biết bố cục của bạn, vì vậy tôi đặt !important để có biện pháp tốt (ví dụ: nếu phần tử của bạn có cả hai lớp là texttabs và override).

.override { 
    text-transform: none !important; 
} 

Answer 4

Không chắc chắn những gì bạn muốn làm

nếu bạn chỉ muốn thực hiện một số văn bản là chữ thường

bạn chỉ cần thêm một lớp mới trên đó hoặc kế thừa trên css

từ

<label class="taxtabs">text</label> 

để

<label class="taxtabs lower">text</label> 
<style>.taxtabs.lower{text-transform: lowercase;}</style>