Question

我只需要更改主页的CSS，我已经google了，并且很多建议是将页面ID添加为css选择器的一部分。但是当我尝试它时，它似乎不起作用？我想改变班级＆＃34; .contentclass＆＃34;并且页面ID是＆＃34; 599＆＃34;所以这就是我尝试过的事情：

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

他们似乎都没有工作......

链接到我正在处理的网页：Link

Answer 1

尝试使用右键单击＆＃34;检查元素＆＃34;或等效的浏览器。

当我查看您的网站时，我会看到类似这样的内容

enter image description here

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

例如，对于此页面： http://witdesign.se/wp/varukorg 你会用

body.post-id-624 .contentclass {}

大括号内的任何样式都适用于具有post-id-668的body类的页面

可以肯定的是，您需要使用检查器检查浏览器中的渲染内容。

Answer 2

如果您的主题在正文标记中使用body_class()，那么您将在首页（.home）中拥有一个特定的css类，您可以在样式表中使用该类;

示例（可能与您的主题不同）：

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

要过度使用genral样式表style.css，您可以在header.php中使用条件语句来链接首页的特定样式表：

示例：

<?php if( is_home() ) { ?>
<link rel="stylesheet" type="text/css" media="all" href="<?php echo get_stylesheet_directory_uri(); ?>/front-style.css" />
<?php } ?>

代码需要在链接到通用样式表之后。

（而不是is_home()您可能需要使用is_front_page()）

检查：Conditional_Tags和get_stylesheet_directory_uri

- 或者，要加载不同的样式表而不是通用样式表，请使用带有else的条件语句：（此代码将替换常规样式表的链接）

示例：

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

如何更改wordpress中只有一页的CSS？

2 个答案: