我正在使用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附加一些新类并为我们页面定义不同的宽度。
答案 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;}