Web Cơ Bản

Bộ chọn ::first-letter trong CSS

1) Bộ chọn ::first-letter trong CSS

- Bộ chọn ::first-letter dùng để chọn ký tự đầu tiên bên trong phần tử.

2) Cách sử dụng bộ chọn ::first-letter trong CSS

- Để sử dụng bộ chọn ::first-letter, ta dùng cú pháp như sau:

::first-letter{
    các khai báo định dạng CSS
}

3) Một số ví dụ

Ví dụ:

- Chọn ký tự đầu tiên bên trong tất cả các phần tử


::first-letter{
    color:red;
    font-size:40px;
    font-weight:bold;
}
Xem ví dụ
Ví dụ:

- Chọn ký tự đầu tiên bên trong tất cả các phần tử <p>


p::first-letter{
    color:red;
    font-size:40px;
    font-weight:bold;
}
Xem ví dụ