【CSS網頁排版】如何去掉部落格園側欄上的“公告”

標籤：它的   span   lan   網頁   cat   play   log   stl   標籤   

友情連結前面總有“公告”兩個字看著很彆扭，所以就上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 }

 

【CSS網頁排版】如何去掉部落格園側欄上的“公告”