捐血一袋救人一命

2016年11月24日 星期四

針對特定 Post/Page/Porfolio 定義 CSS 樣式

每一篇 post 或是 page 或是其他頁面型態,都會有一個獨一無二的 ID代碼。

如果要想針對特定頁面定義 CSS,不想影響全部的頁面的話,可以利用 Google Chrome Browser,利用它先找到你要定義 CSS 的目標,然後在該 element 上按下滑鼠右鍵,選擇 Copy → Copy Selector,然後去 wordpress 的 佈景主題樣式表 style.css 中,去新增你的定義!

例如:

#post-721 > div > div > div > a.title{
        display:block;
        width:150;
}

#post-721 > div > div > div{
        display:block;
        float:left;
        width:33%;
}

#post-721 > div > div > div:hover{
border: 1px solid #021a40;
padding: 1px;
}
#post-721 > div > div > div{
border: 0px;
padding: 0px;
}

0 意見: