[CSS] Các khái niệm về Selector trong CSS

Thảo luận trong 'HTML và CSS' bắt đầu bởi Trần Văn Cường, 4/7/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:

    Tài liệu HTML là một dạng tài liệu bao gồm nhiều thẻ và nó được sắp xếp theo dạng cây

    gioi-thieu.JPG

    1. Ancestor (tổ tiên – nút gốc)

    to-tien-nut-goc.JPG

    • Trong tài liệu HTML thẻ <body> được gọi là Ancestor.

    2. Descendant (con cháu)

    con-chau.JPG

    • Các thẻ HTML nằm trong thẻ <body> được gọi là các thẻ con cháu
    • Các thẻ <div>, <h1>, <p>… được gọi là cá descendats của thẻ <body>
    • Các thẻ <ul>, <li>… được gọi là các descendats của thẻ <div>

    3. Parent (Cha)

    cha.JPG

    • Thẻ <div> được gọi là thẻ cha của thẻ <ul>
    • Thẻ <div> được gọi là thẻ cha của thẻ <p>
    • …

    4. Child (Con)

    con-child.JPG

    • Thẻ <ul> được gọi là thẻ con của thẻ <div>
    • Thẻ <p> được gọi là thẻ con của thẻ <div>
    • …

    5. Sibling (anh em)

    anh-em.JPG
    • Các thẻ có cùng cha được gọi là anh em -> Các thẻ <li> là thẻ anh em của nhau, …

    6. Vị trí của một phần tử HTML

    vi-tri-cua-the-body.JPG

    • Vị trí của thẻ div: con của phần tử <body>; cha của phần tử <ul>; ancestor
    của <ul>, <li>; anh em của phần tử <div> bên tay trái.
     

    Bình Luận Bằng Facebook

    data-href="https://cnttqn.com/threads/css-cac-khai-niem-ve-selector-trong-css.2317.html"