Ý nghĩa class*="" trong CSS HTML nghĩa là gì?

Thảo luận trong 'Ngôn ngữ lập trình CSS, HTML, HTML5' bắt đầu bởi seolagi, 14/7/22.

  1. seolagi

    seolagi

    Moderator

    Thành viên BQT

    Tham gia ngày:
    16/4/14
    Bài viết:
    950
    Đã được thích:
    77
    Điểm thành tích:
    28
    Mình vào code web HTML của CSS thì gặp cái mã CSS như sau .main li[class*="item"] mà mình không hiểu cái class* nghĩa là gì. Bạn nào hiểu giúp mình với.\
    Cảm ơn
     
    Cảm ơn đã xem bài:

    Ý nghĩa class*="" trong CSS HTML nghĩa là gì?

  2. admin

    admin Phạm Công Sơn Thành viên BQT

    Tham gia ngày:
    22/5/13
    Bài viết:
    4,620
    Đã được thích:
    1,132
    Điểm thành tích:
    113
    Giới tính:
    Nam
    Nghĩa là: các thẻ li bên trong cái lớp class main có tên tương đối giống có chứa từ "item" thì đều chịu tác động bởi thuộc này class này.
    VD:
    HTML:
    <style>
    .main li[class*="item"]
    {
     color:red;
    }
    </style>
    <div class="main">
      <ul>
        <li class="item">number 1</li>
        <li class="csli">number2</li>
        <li class="cs2">number3</li>
        <li class="li-item">number4</li>
        <li class="cs-item-5">number5</li>
      </ul>
    </div>
    
    Thì các thẻ sau bị tác động đổi chữ thành màu đỏ như hình.

    class-css-htm.jpg
     
    seolagi thích bài này.


Like và Share ủng hộ ITSEOVN