1 什么是CSS選擇器？

我們最近在完善和優(yōu)化網(wǎng)站模板，這么做也是為了顧及SEO用戶體驗。

有新媒體人問到：如果我們想隱藏的WordPress主題的某個圖標，日期，該怎么做呢？

答案是用CSS隱藏樣式：

.r-hide {display：none;}

CSS隱藏樣式，能夠?qū)崿F(xiàn)：

• 1）隱藏文字
• 2）隱藏超鏈接（黑鏈）
• 3）隱藏統(tǒng)計代碼
• 4）隱藏圖標

首先，我們要找到CSS選擇器。

什么是CSS選擇器？

每個CSS樣式的定義，都是由2個部分組成：

選擇器{樣式}

• 在{}之前的部分，就是“選擇器”。
• “選擇器”表明了{}的“樣式”作用對象。
• 意見該“樣式”是在網(wǎng)頁的哪個元素起作用？

如何找到CSS選擇器？

代碼實例1

以下是GIF動圖實例，通過瀏覽器找到CSS選擇器后，隱藏日期▼

獲取到CSS選擇器 time.the-date 后，將以下CSS代碼，添加到WP主題的 style.css 文件：

time.the-date {
 display: none;
}

代碼實例2

以下是選擇和設置class =“r-hide”元素的樣式：

.r-hide {display：none;}

若WP主題有選項功能，可以以上CSS代碼，添加到WP主題選項→定制風格→自定義樣式的代碼框中。

• 使用CSS樣式display：none; ?將指定內(nèi)容隱藏，
• 通過瀏覽器無法看到，隱藏的內(nèi)容不會占用空間，
• 通常用在JS特效隱藏，隱藏統(tǒng)計代碼的圖標等。

擴展閱讀：

• “ CSS選擇器class跟id有什么區(qū)別？HTML中id和class用法”

希望我們網(wǎng)站（ https://www.wordpressx.com/ ） 分享的《如何隱藏WordPress主題日期CSS樣式？div隱藏css樣式教程》，對您有幫助。