在另一頁上更改同一div的顏色

我正在開發一個網站，其中包含兩頁用於推薦的網頁。前兩個推薦信將顯示在主頁上，其他三個推薦信將顯示在原始推薦頁面上。在另一頁上更改同一div的顏色

原始推薦頁面背景顏色與主頁不同。我想更改推薦頁面的文字顏色。我想知道是否可以使用CSS屬性和選擇器來改變同一個div的樣式，但在不同的頁面中？

這是我想不同的風格不是主頁，但原來.testimonial頁

.testimonial-author { 
color: #14C2E7; 
font-family: 'lobster_1.4regular'; 
font-size: 35pt; 
height: auto; 
line-height: 0; 
position: absolute; 
text-shadow: 1px 1px #000000; 
width: 850px; 
}

我試着用以下方法的類：

.other-pages-background, .testimonial-author{ 
color: red !important;

}

但它會在所有頁面上發生變化。

謝謝

來源

2013-07-03 Mthe beseti

你使用任何cms或這些是靜態html頁面？你可以發佈你的頁面鏈接 –

即時通訊使用wordpress，與我已經風格 –

逗號後指選擇都得到相同的造型。嘗試沒有逗號將它們組合：

.other-pages-background .testimonial-author{ 
    color: red !important; 
}

UPDATE：

由於您使用的WordPress，您可以使用與相應的頁面ID如下：

body.page-id-111 { 
    color: red !important; 
}

來源

2013-07-03 08:58:06 LouD

當加載頁面問PHP的頭部寫CSS加載

<script> 
.testimonial-author { 
color: #color;} 
</script>

來源

2013-07-03 08:55:30

有不同的方法爲了達成這個。

在你的主頁中添加一個額外的css文件say homepage.css以及testimonials.css，它將包含css來覆蓋默認顏色。

.testimonial-author { 
    color: $HOMEPAGE_COLOR; 
}

添加您的首頁的一些類體標籤上，覆蓋CSS屬性如下圖所示。

HTML

<body class="homepage">

CSS

/* Will be applied in Testimonial page */ 
.testimonial-author { 
color: #14C2E7; 
font-family: 'lobster_1.4regular'; 
font-size: 35pt; 
height: auto; 
line-height: 0; 
position: absolute; 
text-shadow: 1px 1px #000000; 
width: 850px; 
} 

/* Will be applied in Homepage */ 
.homepage .testimonial-author { 
color: #14C2E7; 
}

我更喜歡後面的選項。

來源

2013-07-03 08:59:58

您可能會更好地將您的推薦信息包裝在另一個div的主頁上，這樣您就可以使用CSS將主頁上的推薦書作爲目標，而不會影響推薦頁面本身。

例如; 在您的主頁，你可以有

<div class="homepage-testimonials"> 
    <div class="testimonials"> 
     <div class="testimonial-author">John Doe</div> 
    </div> 
</div>

你的CSS;

.homepage-testimonials .testimonial-author { color: red; }

來源

2013-07-03 09:03:15

@Arthur而不是主頁 - 感言您可以使用身體標記ID和/或特定於這些網頁的類別 – gnanz

的推薦插件是的，這也可以。但是，如果該頁面上有任何其他div並且具有相同的類名稱，而這些類名稱不需要不同樣式，那麼這將不起作用。雖然這可能永遠不可能。 –

在另一頁上更改同一div的顏色

回答

相關問題