Wie ändere ich das CSS von nur einer Seite in WordPress?

Question 1

Ich muss nur das CSS der Homepage ändern, ich habe gegoogelt und viele der Vorschläge waren, die Seiten-ID als Teil des CSS-Selektors hinzuzufügen. Aber wenn ich es versuche, scheint es nicht zu funktionieren? Ich möchte die Klasse “.contentclass” ändern und die Seiten-ID ist “599”, also habe ich Folgendes versucht:

.post-id-599 .contentclass {}
.page-id-599 .contentclass {}
.body-id-599 .contentclass {}

keiner scheint zu funktionieren…

Link zu der Webseite, an der ich arbeite: Verknüpfung

Question 2

Versuchen Sie es mit dem Rechtsklick “Inspect Element” oder einem Äquivalent für Ihren Browser.

Wenn ich mir Ihre Seite ansehe, sehe ich so etwas

Geben Sie hier die Bildbeschreibung ein

<body class="page page-id-624 woocommerce-cart woocommerce-page boxed varukorg" style="">

Also zum Beispiel für diese Seite:
http://witdesign.se/wp/varukorg
du würdest verwenden

body.post-id-624 .contentclass {}

Alle Stile innerhalb der geschweiften Klammern gelten für die Seiten mit der Body-Klasse post-id-668

Um sicherzugehen, müssen Sie mit einem Inspektor überprüfen, was in Ihrem Browser gerendert wird.

Question 3

Wenn Ihr Thema verwendet body_class() im Body-Tag haben Sie eine bestimmte CSS-Klasse für die Titelseite (.home), die Sie im Stylesheet verwenden könnten;

Beispiel (kann für Ihr Thema anders sein):

.home #content .entry { color: #123edf; }

Um das allgemeine Stylesheet style.css zu überschreiben, könnten Sie eine bedingte Anweisung in der header.php verwenden, um ein bestimmtes Stylesheet für die Startseite zu verlinken:

Beispiel:

<?php if( is_home() ) { ?>
<link rel="stylesheet" type="text/css" media="all" href="https://stackoverflow.com/questions/23363333/<?php%20echo%20get_stylesheet_directory_uri();%20?>/front-style.css" />
<?php } ?>

Der Code muss nach dem Link zum allgemeinen Stylesheet stehen.

(anstatt is_home() müssen Sie möglicherweise verwenden is_front_page() )

Überprüfen: Bedingte_Tags und get_stylesheet_directory_uri

— alternativ, um ein anderes Stylesheet anstelle des allgemeinen Stylesheets zu laden, verwenden Sie die bedingte Anweisung mit an else: (dieser Code würde den Link des allgemeinen Stylesheets ersetzen)

Beispiel:

<?php if( is_home() ) { ?>
<link rel="stylesheet" type="text/css" media="all" href="https://stackoverflow.com/questions/23363333/<?php%20echo%20get_stylesheet_directory_uri();%20?>/front-style.css" />
<?php } else { ?>
<link rel="stylesheet" type="text/css" media="all" href="<?php%20bloginfo(%20'stylesheet_url'%20);%20?>" />
<?php } ?>