如何在每篇文章中應用CSS更改（每個帖子ID）

Question

我想隱藏側欄並將內容框拉伸到全部寬度以從我的WP博客發佈的所有帖子。個別職位，是我在做什麼，它的正常工作：

.postid-72 #main-sidebar { 
display: none; 
} 
.postid-72 #main-content { 
width: 100%; 
} 

但是我正在尋找一些方法來應用這個改變我所有的博客文章，像這樣的東西假想：

.postid-**every id posts** #main-sidebar { 
display: none; 
} 
.postid-**every id posts** #main-content { 
width: 100%; 
} 

我知道這是可以做到這樣的事情，這是不是對我來說有用：

.postid-72, .postid-53, .postid-115 #main-sidebar { 
display: none; 
} 

Answer 1

添加一個普通類所有文章一樣stretch-content並使用CSS像

.stretch-content #main-sidebar { 
display: none; 
} 
.stretch-content #main-content { 
width: 100%; 
} 

Answer 2

聽起來就像您正在尋找CSS Attribute Selector。具體來說：

[attribute^="value"]選擇器用於選擇屬性值以指定值開頭的元素。

因此選擇具有與啓動類的元素，「postid-」你可以使用以下命令：

[class^="postid-"] #main-sidebar { 
display: none; 
} 
[class^="postid-"] #main-content { 
width: 100%; 
} 

注意^=

這將選擇有一個類的所有元素從引號內的字符串開始。如果省略^，則會產生與使用.postid-作爲選擇器相同的結果。

另外請注意，雖然這些選擇器可以是一個非常強大的CSS工具包的補充，但它們可能有其缺陷。無意中選擇其他元素變得更容易;特別是在WP插件的大型生態系統中。

Answer 3

如果你想只用帖子的ID，那麼你可以在你的header.php文件中設置只有這兩個CSS裏面head部分與通過動態ID像這樣設置此兩個CSS：

首先獲得當前職位ID爲：$id = get_the_ID()然後用它傳遞在你的CSS，

.postid-<?php echo $id; ?> #main-sidebar { 
display: none; 
} 
.postid-<?php echo $id; ?> #main-content { 
width: 100%; 
} 

希望這能對你有幫助。 謝謝。

Answer 4

每個「單個帖子」的主體類別爲single-post。所以你可以這樣做：

.single-post #main-sidebar { 
    display:none; 
} 
.single-post #main-content { 
    width:100%; 
}