สร้างอักขระตัวพิมพ์ใหญ่ตัวแรกใน CSS

มีวิธีสร้างตัวอักษรตัวพิมพ์ใหญ่ตัวแรกในป้ายกำกับใน CSS หรือไม่

นี่คือ HTML ของฉัน:

<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>

มีคุณสมบัติสำหรับที่:

a.m_title {
    text-transform: capitalize;
}

หากลิงก์ของคุณมีหลายคำและคุณต้องการให้อักษรตัวแรกของคำแรกเป็นตัวพิมพ์ใหญ่ให้ใช้:first-letterกับการแปลงที่ต่างออกไปแทน (แม้ว่ามันจะไม่สำคัญก็ตาม) หมายเหตุว่าเพื่อให้:first-letterการทำงานของคุณaองค์ประกอบจะต้องมีภาชนะบล็อก (ซึ่งสามารถdisplay: block, display: inline-blockหรือใด ๆ ของความหลากหลายของชุดอื่น ๆ ของหนึ่งหรือมากกว่าคุณสมบัติ):

a.m_title {
    display: block;
}

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

โปรดทราบว่า::first-letterตัวเลือกไม่ทำงานกับองค์ประกอบแบบอินไลน์ดังนั้นจะต้องเป็นอย่างใดอย่างหนึ่งblockหรือinline-blockดังต่อไปนี้:

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

CSS: ตัวเลือกอักษรตัวแรก

หรือ :

text-transform: capitalize;

ฉันแนะนำให้ใช้

#selector {
    text-transform: capitalize;
}

หรือ

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

โดยวิธีการตรวจสอบการเชื่อมโยง w3schools นี้: http://www.w3schools.com/cssref/pr_text_text-transform.asp

ทำให้เป็นตัวพิมพ์เล็กก่อน:

.m_title {text-transform: lowercase}

จากนั้นให้เป็นตัวอักษรตัวพิมพ์ใหญ่ตัวแรก:

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

"text-transform: capitalize" ทำงานเพื่อคำหนึ่ง แต่ถ้าคุณต้องการใช้สำหรับประโยคการแก้ปัญหานี้สมบูรณ์แบบ

<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>

ฉันอยากจะแนะนำให้คุณใช้รหัสต่อไปนี้ใน CSS:

    text-transform:uppercase; 

ตรวจสอบให้แน่ใจว่าคุณใส่ไว้ในชั้นเรียนของคุณ