Làm thế nào để ẩn phong cách CSS ngày của chủ đề WordPress? hướng dẫn phong cách div ẩn css

làm thế nào để ẩnWordPressChủ đề ngày phong cách CSS?

Hướng dẫn kiểu CSS ẩn DIV

Chen WeiliangGần đây, mẫu trang web đã được cải thiện và tối ưu hóa, và điều này cũng được thực hiện để tính đếnSEOKinh nghiệm người dùng.

Vângphương tiện truyền thông mớiMọi người hỏi:Điều gì sẽ xảy ra nếu chúng ta muốn ẩn một biểu tượng, ngày tháng nào đó của một chủ đề WordPress?

Câu trả lời là ẩn các kiểu bằng CSS:

.r-hide {display：none;}

Các kiểu ẩn CSS có thể đạt được:

• 1) Văn bản ẩn
• 2) Ẩn siêu liên kết (liên kết đen)
• 3) Ẩn mã thống kê
• 4) Ẩn biểu tượng

Đầu tiên, chúng ta cần tìm các bộ chọn CSS.

Bộ chọn CSS là gì?

Định nghĩa của mỗi kiểu CSS bao gồm 2 phần:

选择器{样式}

• Phần trước {} là "bộ chọn".
• "Bộ chọn" cho biết "kiểu" của đối tượng {}.
• Nhận xét về yếu tố nào của trang hoạt động "phong cách" này?

Làm cách nào để tìm bộ chọn CSS?

Mã ví dụ 1

Sau đây là ví dụ về ảnh động GIF. Sau khi tìm thấy bộ chọn CSS thông qua trình duyệt, ngày tháng sẽ bị ẩn ▼

Nhận bộ chọn CSS time.the-date Sau đó, thêm mã CSS sau vào tệp style.css của chủ đề WP:

time.the-date {
 display: none;
}

Mã ví dụ 2

Dưới đây là cách chọn và tạo kiểu một phần tử với class = "r-hide":

.r-hide {display：none;}

Nếu chủ đề WP có các tùy chọn, bạn có thể thêm mã CSS ở trên vàoTùy chọn chủ đề WP → Tùy chỉnh kiểu → Tùy chỉnhhộp mã kiểu dáng.

• Sử dụng các kiểu CSSkhông trưng bày;  ẩn nội dung được chỉ định,
• Ẩn thông qua trình duyệt, nội dung ẩn không chiếm dung lượng,
• Thường được sử dụng để ẩn các hiệu ứng JS, ẩn các biểu tượng của mã thống kê, v.v.

Đọc thêm:

• " Sự khác biệt giữa lớp CSS selector và id là gì? sử dụng id và lớp trong HTML"