BÀI 17: CÁC MỨC ƯU TIÊN CỦA BỘ CHỌN

color

background-color

border-color

font-style

checked

focus

enabled

invalid

Bộ chọn thẻ (element selector)

Bộ chọn lớp (class selector)

Bộ chọn ID (ID selector)

Bộ chọn thuộc tính (attribute selector)

Xanh dương

Xanh lá

Đỏ

Đen

link

hover

first-line

visited

Xanh lá

Đỏ

Xanh dương

Tím

hover

active

visited

first-letter

:hover

::before

::after

active

!important, Inline CSS, CSS media type, Trọng số CSS, Nguyên tắc thứ tự cuối cùng, Kế thừa từ CSS cha, Mặc định theo trình duyệt

Inline CSS, !important, CSS media type, Trọng số CSS, Nguyên tắc thứ tự cuối cùng, Kế thừa từ CSS cha, Mặc định theo trình duyệt

CSS media type, !important, Inline CSS, Trọng số CSS, Nguyên tắc thứ tự cuối cùng, Kế thừa từ CSS cha, Mặc định theo trình duyệt

!important, CSS media type, Inline CSS, Trọng số CSS, Nguyên tắc thứ tự cuối cùng, Kế thừa từ CSS cha, Mặc định theo trình duyệt

Mã định danh (id), Lớp, phần tử, *

Chỉ có mã định danh (id)

Chỉ có lớp và phần tử

Chỉ có phần tử

HTML dùng để định dạng văn bản, CSS dùng để tạo hiệu ứng động.

HTML là ngôn ngữ đánh dấu siêu văn bản để thiết kế nội dung trang web, CSS là ngôn ngữ định dạng dùng để mô tả cách thể hiện của văn bản HTML.

HTML là ngôn ngữ lập trình, CSS là phần mềm thiết kế.

HTML dùng để tạo hình ảnh, CSS dùng để tạo video.

:enabled dùng để chọn các phần tử đang được kích hoạt, :disabled dùng để chọn các phần tử bị vô hiệu hóa.

:enabled dùng để chọn các phần tử bị vô hiệu hóa, :disabled dùng để chọn các phần tử đang được kích hoạt.

:enabled dùng để chọn các phần tử có giá trị mặc định, :disabled dùng để chọn các phần tử có giá trị thay đổi.

:enabled dùng để chọn các phần tử có màu nền vàng, :disabled dùng để chọn các phần tử có màu nền xám.

::before dùng để thêm nội dung phía trước phần tử.

::after dùng để thêm nội dung phía sau phần tử.

::marker dùng để thay đổi kiểu đánh dấu danh sách.

::checked dùng để chọn phần tử được chọn.