CSS Combi選擇

Question

我想知道是否有一種更簡單的方法來定位以下css類，因為它可能會引起一點膨脹：

我有不同的單個頁面，在這里我想禁用粘性頁眉效果，因為以前在該頁面上固定了其他元素。 到目前為止，我通過使用以下方法選擇這些類：

.page-id-xx .header-is-sticky .header {
position: static; 
}

如果我想在20頁上禁用粘性頁眉，我最終將使用選擇器類超過20次，但是只有page-id-xx會更改。 看起來像這樣：

.page-id-1 .header-is-sticky .header,
.page-id-2 .header-is-sticky .header,
.page-id-3 .header-is-sticky .header,

and so on ... 

我想知道，是否有一種更智能的方法來定位.header類，也許借助一些combiselector？ 還是有一個快速的JavaScript代碼段？ 也許通過檢查元素的ID（#subnav）來進行if循環，該元素應該交替粘貼在該頁面的標題上？

提前致謝 ：）

Answer 1

可能不必要的特異性？

您是否絕對需要父選擇器（即page-id-n ），如果不需要，那么以下內容顯然會更加優雅：

.header-is-sticky .header {
     position: static; 
}

利用CSS選擇器

CSS提供了一系列屬性選擇器 ，這些選擇器可用於根據某些特定的元素約束來確定其屬性。 開始於和包含選擇器應在此處滿足您的需求。

/* This will match any element that has a class attribute that starts with "page-id" */
[class^="page-id"] .header-is-sticky .header {
    position: static; 
}

/* This will match any element that has a class attribute that contains "page-id" */
[class*="page-id"] .header-is-sticky .header {
    position: static; 
}