如何在特定頁面上應用 CSS 類？

Question

我有 2 種自定義帖子類型：

我知道可以在文件名前面放置頁面的特定 CSS 類。 例子：

.single .nameclass （理論上應該只適用於single.php ）

...但不是！。 這也會影響其他自定義帖子類型以 single 開頭的內容（single-actress.php 和 single-films.php）

我怎樣才能只在 single.php （Wordpress 的普通帖子）中申請而在其他自定義帖子類型中沒有申請？

Answer 1

在 wordpress 中，如果您想將 css 應用於特定頁面。 每個頁面都有一個名為page-id-11的唯一類

使用此 page-id-11 作為父類，您可以將 css 專門應用於任何頁面

希望這可以幫助

如果有幫助，請采納為答案

Answer 2

不完全確定您的特定情況的細節，但也許 css :not()偽類會派上用場。 就像是

.single:not(.one-cpt,.another-cpt) {

這可能會或可能會有所幫助，具體取決於您的主題、您的精確目標等。此外，在:not擁有多個類可能僅在 Safari 中受支持，盡管可能有 jquery 解決方法。

Answer 3

在 header.php 文件中，修改這一行：

<body <?php body_class(); ?>>

對此：

<body <?php body_class('posttype-' . $post->post_type); ?>>

這將向 body 標記posttype-abcdef添加一個類，以便您可以定位它。