[CSS] Thứ tự ưu tiên của định dạng css

Thảo luận trong 'HTML và CSS' bắt đầu bởi Trần Văn Cường, 21/6/16.

  1. Trần Văn Cường

    Trần Văn Cường I love CNTT Thành viên BQT Thành viên BQT

    Tham gia ngày:
    8/11/15
    Bài viết:
    3,693
    Đã được thích:
    43
    Điểm thành tích:
    48
    Giới tính:
    Nam
    Nghề nghiệp:
    Sinh Viên
    Nơi ở:
    Quảng Ninh thân yêu!
    Web:

    [CSS] Thứ tự ưu tiên của định dạng css

    style -> id -> class -> selector > *

    Nếu sử dụng nhiều class ví dụ: <div class="box1 box2 box3"> thì thứ tự ưu tiên sẽ ưu tiên class cuối cùng trong khai báo css

    Ví dụ:

    CODE:
    Select All
    <!doctype html>
    <
    html>
    <
    head>
    <
    meta charset="utf-8">
    <
    title>Example 01</title>
    <
    style type="text/css">
    *{
        
    margin0;
        
    padding0;
    }
    div
    {
        
    border3px solid #3200FF;
        
    padding5px;
    }
    .
    box
    {
        
    border1px solid #FF0004;
        
    width100%;
    }
    #box-id
    {
        
    width200px;
    }
    </
    style>
    </
    head>

    <
    body>
    <
    div class="box" id="box-id" style="width: 500px;">Cau truc html tag</div>
    </
    body>
    </
    html>
     

    Bình Luận Bằng Facebook

    data-href="https://cnttqn.com/threads/css-thu-tu-uu-tien-cua-dinh-dang-css.2255.html"