具有不同CSS樣式的同一div類

Question

我正在使用wordpress，並且在三個不同的頁面上都有div，其div的類名是“ page”。 共有三頁，分別是1.主頁2. Aboutus和3.contactus。

我希望aboutus頁面上的頁面類div的寬度不同，但是我不希望直接訪問html頁面，我的意思是假設我只能選擇jquery入隊並在關於我們頁面上添加一些新的id或class寬度可變。 那怎么辦呢。 以下是三頁的代碼

在首頁上

<div class="page">

</div>

關於我們頁面

<div class="page">

</div>

在聯系頁面上

<div class="page">

</div>

的CSS

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

我不想手動更改html，但想使用jquery追加一些新類並為我們頁面定義不同的寬度。

Answer 1

將以下php代碼添加到您的身體標簽中以添加類：

（或檢查它是否尚未添加）。然后，關於我們的頁面將具有如下代碼：

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

那么您將可以為這種情況編寫特殊的CSS：

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