更改一個CSS選擇器僅適用於WordPress的主頁

我正在學習編碼的第一步。我決定做一個wordpress主題，所以我可以繼續從練習中學習。更改一個CSS選擇器僅適用於WordPress的主頁

在Twentysixteen主題中有一個名爲.img的選擇器來修改主題中的所有圖像。我只想修改這個選擇器，但我無法實現。我不知道這是否可能。

我tryied做這一點，但它不工作：

.home .img { 
height: auto; 
position: fixed; 
top: 0; 
left: 0; 
min-width: 100%; 
min-height: 100%; 
}

你有沒有一些建議？

在您要添加到主頁上的圖像中添加自定義類或標識，然後您可以訪問它們。 –

您必須爲該圖像或主頁上的父級div指定一個類（如果主頁尚未具有ID或類，則可以通過修改PHP文件來實現）。然後你可以運行你已經試過的確切代碼。

2016-06-23 09:43:38 Carele

在您的自定義主題，你有沒有加入body_class()功能，以您的口主體標籤：

<body <?php body_class(); ?>>

如果你有，每一頁都會有自己的身體標籤的唯一的類。對於首頁，它將是「頁面首頁」，「頁面首頁」或類似的東西。

然後，您可以使用獨特的類，它是專屬於該網頁只，樣式類/元素只有在該網頁上：

.page-home .class { 
    Styles here. 
}

2016-06-23 09:49:28

您可以添加自定義ID或類的元素，然後在你的CSS中選擇該類/ id。

#my_custom_id { 
    height: auto; 
    position: fixed; 
    top: 0; 
    left: 0; 
    min-width: 100%; 
    min-height: 100%; 
    }

2016-06-23 10:36:50 gesundePlus

回答