相同的div类具有不同的css样式

时间:2015-04-12 12:38:51

标签: javascript jquery html css wordpress

我正在使用wordpress,我有div,其类名为" page"在三个不同的页面上。三页slu is是1. home 2. aboutus和3. contactus。

我希望aboutus页面上的页面类div的宽度不同但我不想直接访问页面html我的意思是假设我只有jquery的选项可以入队并添加一些新的id或者关于我们页面的类可变宽度。那怎么办呢。 以下是三页的代码

在主页上

<div class="page">

</div>
关于我们页面的

<div class="page">

</div>
联系我们页面

<div class="page">

</div>

CSS

div.page {width:1000px; height:auto;}

我不想手动更改html,但想使用jquery附加一些新类并为我们页面定义不同的宽度。

1 个答案:

答案 0 :(得分:0)

添加到你的身体标签这个PHP代码附加类:

https://codex.wordpress.org/Function_Reference/body_class

(或检查它是否尚未添加)。然后您的关于我们的页面将包含以下代码:

<body class="about-us page-12...">
 <div class="page">

然后你就可以为这种情况编写特殊的CSS:

.about-us div.page {width:500px; height:auto;}