【CSS网页排版】如何去掉博客园侧栏上的“公告”

友情链接前面总有“公告”两个字看着很别扭，所以就上w3school学习了一下css怎么写，终于给去掉了

需要用到类选择器和子元素选择器

http://www.w3school.com.cn/css/css_selector_class.asp

http://www.w3school.com.cn/css/css_selector_child.asp

模板html代码：

<div class="newsItem">
<h3 class="catListTitle">公告</h3>
 <div id="blog-news"><div class="sidebar-block" id="sidebar_links">
<div id="links_wrap">
<div class="catListLinks">
<h3 class="catListTitle">友情链接</h3>

由于模板中有很多标题都用了catListTitle这个class，所以不能直接用catListTitle来屏蔽，需要加个限制条件

观察它的父元素的class是newsItem，可以利用这一点来精准定位“公告”所在<h3>标签的位置，问题解决

1 div.newsItem>h3  {
2   display: none;
3 }

 

转载于:https://www.cnblogs.com/algonote/p/7429493.html