thay đổi kích thước ký tự bằng CSS

Question

Có thể thay đổi kích thước của một ký tự cụ thể bằng CSS không?

Ví dụ: trong đoạn tôi đang sử dụng font-face: Arial; font-size: 12pt;. Tôi muốn rằng chỉ chữ "a" mới xuất hiện ở kích thước 10.

Có cách nào để làm điều đó không?

Cảm ơn.

Answer 1

Tôi không tin bạn có thể, xem xét sử dụng một trình soạn thảo văn bản để làm một tìm/thay thế 'a' với <span class='a-xxx'>a</span> và sau đó bạn có thể sử dụng css để làm .a-xxx { font-size: 10px; }

Answer 2

Không. Bạn chỉ có thể nhắm mục tiêu các thành phần (chẳng hạn như một khoảng có chứa một chữ cái duy nhất) và các phần tử giả (chẳng hạn như :first-letter).

Answer 3

No. Ngoại trừ :first-letter và các lớp giả khác, bạn không thể nhắm mục tiêu các ký tự đơn bằng cách sử dụng CSS. Bạn cần phải quấn ký tự vào một phần tử (ví dụ: <span>) để chỉ định kiểu cho nó.

Bạn có thể giải quyết vấn đề này bằng cách sử dụng Javascript - có các giải pháp dựa trên jQuery cho điều này ở đây trên SO. Nhưng nó là kludgy.

Answer 4

Bạn không thể làm điều này trong một thập tự giá -browser-nhất quán và cách đơn giản mà không cần javascript. Tôi khuyên bạn nên 'captify' cho jquery.

Answer 5

Cũng cho khả năng truy cập và khả năng tương thích và tốt nhất là không xác định phông chữ cụ thể (thử phông chữ-gia đình) và kích cỡ về lớn, lớn hơn sau đó sử dụng% ontop và xác định tất cả chúng dưới dạng span/div tùy chỉnh phong cách

ví dụ:

bigletter (font-size: 150%);