1 什么是CSS選擇器？
我們最近在完善和優(yōu)化網(wǎng)站模板，這么做也是為了顧及SEO用戶體驗(yàn)。
有新媒體人問到：如果我們想隱藏的WordPress主題的某個(gè)圖標(biāo)，日期，該怎么做呢？
答案是用CSS隱藏樣式：
.r-hide {display：none;}
CSS隱藏樣式，能夠?qū)崿F(xiàn)：
- 1）隱藏文字
- 2）隱藏超鏈接（黑鏈）
- 3）隱藏統(tǒng)計(jì)代碼
- 4）隱藏圖標(biāo)
首先，我們要找到CSS選擇器。
什么是CSS選擇器？
每個(gè)CSS樣式的定義，都是由2個(gè)部分組成：
選擇器{樣式}
- 在{}之前的部分，就是“選擇器”。
- “選擇器”表明了{(lán)}的“樣式”作用對象。
- 意見該“樣式”是在網(wǎng)頁的哪個(gè)元素起作用？
如何找到CSS選擇器？
代碼實(shí)例1
以下是GIF動(dòng)圖實(shí)例，通過瀏覽器找到CSS選擇器后，隱藏日期▼
獲取到CSS選擇器 time.the-date 后，將以下CSS代碼，添加到WP主題的 style.css 文件：
time.the-date {
display: none;
}
代碼實(shí)例2
以下是選擇和設(shè)置class =“r-hide”元素的樣式：
.r-hide {display：none;}
若WP主題有選項(xiàng)功能，可以以上CSS代碼，添加到WP主題選項(xiàng)→定制風(fēng)格→自定義樣式的代碼框中。
- 使用CSS樣式display：none; ?將指定內(nèi)容隱藏，
- 通過瀏覽器無法看到，隱藏的內(nèi)容不會(huì)占用空間，
- 通常用在JS特效隱藏，隱藏統(tǒng)計(jì)代碼的圖標(biāo)等。
擴(kuò)展閱讀：
- “ CSS選擇器class跟id有什么區(qū)別？HTML中id和class用法”
希望我們網(wǎng)站（ https://www.wordpressx.com/ ） 分享的《如何隱藏WordPress主題日期CSS樣式？div隱藏css樣式教程》，對您有幫助。
