如何隐藏WordPress主题日期CSS样式？div隐藏css样式教程

原文链接：http://www.chenweiliang.com/cwl-608.html

如何隐藏WordPress主题日期CSS样式？

DIV隐藏的CSS样式教程

陈沩亮最近在完善和优化网站模板，这么做也是为了顾及SEO用户体验。

有新媒体人问到：如果我们想隐藏的WordPress主题的某个图标，日期，该怎么做呢？

答案是用CSS隐藏样式：

.r-hide display：none;

CSS隐藏样式，能够实现：

• 1）隐藏文字


• 2）隐藏超链接（黑链）


• 3）隐藏统计代码


• 4）隐藏图标

首先，我们要找到CSS选择器。

什么是CSS选择器？

每个CSS样式的定义，都是由2个部分组成：

选择器样式

• 在之前的部分，就是“选择器”。


• “选择器”表明了的“样式”作用对象。


• 意见该“样式”是在网页的哪个元素起作用？

如何找到CSS选择器？

以下是GIF动图实例，通过浏览器找到CSS选择器后，隐藏日期▼

代码实例

以下是选择和设置class =“r-hide”元素的样式：

.r-hide display：none;

若WP主题有选项功能，可以以上CSS代码，添加到WP主题选项→定制风格→自定义样式的代码框中。

• 使用CSS样式display：none;  将指定内容隐藏，


• 通过浏览器无法看到，隐藏的内容不会占用空间，


• 通常用在JS特效隐藏，隐藏统计代码的图标等。

扩展阅读：

• “ CSS选择器class跟id有什么区别？HTML中id和class用法”

欢迎转载《如何隐藏WordPress主题日期CSS样式？div隐藏css样式教程》
陈沩亮版权所有，转载请注明出处链接：http://www.chenweiliang.com/cwl-608.html


网站地址：http://www.chenweiliang.com/



我是陈沩亮，我的使命是帮助创业者、营销员和自媒体人用微信营销获取更大的成功和收获 ^_^



“不仅仅是总结网络营销干货，还分享用微信营销赚钱的方法！”



欲学更多秘技，请关注微信公众号：cwlblog
关注后回复关键字：80



可获取《超过80%不被人知的秘技》