Hướng dẫn này sẽ giúp bạn nhanh chóng tìm thấy một yếu tố và chỉnh sửa nó bằng CSS.

Hướng dẫn này dành cho Google Chrome, nhưng nó cũng có thể hoạt động trong Safari hoặc Firefox.

1) Nhấp chuột phải vào một yếu tố và nhấp vào ” Kiểm tra ” để mở Bảng điều khiển web.

2) Nhấp vào nút ” Thanh tra ” và nhấp vào yếu tố bạn muốn chỉnh sửa.

3) Bây giờ bạn có thể sao chép bộ chọn phần tử ” CSS ” bằng cách nhấp chuột phải vào phần tử trong chế độ xem “HTML” và đi đến Sao chép> Sao chép bộ chọn

4) Bạn sẽ không có được một chuỗi dài như thế này mà có thể được dán ở bất cứ đâu: 

#main> div> div.col.large-9> div> div> div.product-small.col.has-hover.post-328.product.type-sản phẩm.status-Publish.has-post-Thumb.product_cat -bag.product_tag-bag.product_tag-green.product_tag-leather.product_tag-nypd.first.instock.shipping-taxable.product-type-bên ngoài> div> div.product-small.box> div.box- -text-sản phẩm> div.title-trình bao bọc> p.name.product-title> a

Đây là chuỗi chọn CSS.

5) Bạn có thể loại bỏ hầu hết chuỗi và giữ hai mục tiêu cuối cùng. F.ex
p.name.product-title> a

6) Bây giờ bạn có thể bắt đầu thêm CSS tùy chỉnh vào thành phần này.

Ví dụ:

Ẩn phần tử:
p.name.product-title> a {display: none}

Kích thước phông chữ lớn hơn:
p.name.product-title> a {font-size: 200%}

Thay đổi màu:
p.name.product-title> a {color: # 777}

Bạn có thể thêm CSS tùy chỉnh vào Advanced> CSS tùy chỉnh.