Kayce Basques
Jecelyn Yeen
Sofia Emelianova
Khám phá các quy trình làm việc mới trong tài liệu tham khảo toàn diện này về các tính năng của Chrome DevTools liên quan đến việc xem và thay đổi CSS.
Hãy xem phần Xem và thay đổi CSS để tìm hiểu kiến thức cơ bản.
Chọn một phần tử
Bảng điều khiển Elements (Thành phần) của DevTools cho phép bạn xem hoặc thay đổi CSS của một thành phần tại một thời điểm.
Trên ảnh chụp màn hình, phần tử h1 được làm nổi bật màu xanh dương trong Cây DOM là phần tử đã chọn.
Ở bên phải, các kiểu của phần tử sẽ xuất hiện trong thẻ Kiểu. Ở bên trái, phần tử được làm nổi bật trong khung nhìn, nhưng chỉ vì chuột đang di chuột qua phần tử đó trong Cây DOM.
Hãy xem phần Xem CSS của một phần tử để biết hướng dẫn.
Có nhiều cách để chọn một phần tử:
- Trong khung nhìn, hãy nhấp chuột phải vào phần tử rồi chọn Kiểm tra.
- Trong DevTools, hãy nhấp vào biểu tượng Chọn một phần tử