Tạo chữ hoa đầu tiên trong CSS

Có cách nào để tạo nhân vật đầu tiên Uppercase không trong nhãn trong CSS không.

Đây là HTML của tôi:

<a class="m_title" href="">gorr</a>
<a class="m_title" href="">trro</a>
<a class="m_title" href="">krro</a>
<a class="m_title" href="">yrro</a>
<a class="m_title" href="">gwwr</a>

Có một tài sản cho rằng:

a.m_title {
    text-transform: capitalize;
}

Nếu các liên kết của bạn có thể chứa nhiều từ và bạn chỉ muốn chữ cái đầu tiên của từ đầu tiên được viết hoa, :first-letterthay vào đó hãy sử dụng một biến đổi khác (mặc dù nó không thực sự quan trọng). Lưu ý rằng để:first-letter làm việc của bạn ayếu tố cần phải được đựng khối (có thể display: block, display: inline-blockhoặc bất kỳ của một loạt các kết hợp khác của một hoặc nhiều tài sản):

a.m_title {
    display: block;
}

a.m_title:first-letter {
    text-transform: uppercase;
}

Lưu ý rằng ::first-letterbộ chọn không hoạt động với các phần tử nội tuyến, vì vậy nó phải là blockhoặc inline-block, như sau:

.m_title {display:inline-block}
.m_title:first-letter {text-transform: uppercase}

CSS: Bộ chọn chữ cái đầu tiên

hoặc là :

text-transform: capitalize;

Tôi đề nghị sử dụng

#selector {
    text-transform: capitalize;
}

hoặc là

#selector::first-letter {
    text-transform: uppercase;
}

Nhân tiện, hãy kiểm tra liên kết w3schools này: http://www.w3schools.com/cssref/pr lòng văn- transform.asp

Làm cho nó viết thường trước:

.m_title {text-transform: lowercase}

Sau đó, làm cho nó chữ hoa đầu tiên:

.m_title:first-letter {text-transform: uppercase}

"chuyển đổi văn bản: viết hoa" hoạt động cho một từ; nhưng nếu bạn muốn sử dụng cho câu thì giải pháp này là hoàn hảo.

<script type="text/javascript">
     $(document).ready(function() {
     var asdf = $('.capsf').text();

    $('.capsf').text(asdf.toLowerCase());
     });
     </script>
<div style="text-transform: capitalize;"  class="capsf">sd GJHGJ GJHgjh gh hghhjk ku</div>

Tôi khuyên bạn nên sử dụng mã sau đây trong CSS:

    text-transform:uppercase; 

Hãy chắc chắn rằng bạn đặt nó trong lớp học của bạn.