如何設置隨機更改div ID或類的css？

Question

我有與class和id一個div與每個刷新生成的網站

像 .mnc-row[data-row-id="mnc_row-3259bbbe82bc595"]

這個數字「3259bbbe82bc595」汽車是從WordPress插件自動生成並沒有選項從控制面板更改此div的外觀，所以我需要自定義CSS。

任何人都可以幫忙嗎？

Answer 1

你可以試試下面的代碼

#sections div[id^='mnc_row-'] { 
    color: red; 
} 

看到Fiddle這裏 希望這會爲你工作

Answer 2

由於類和id是自動生成的，如果您可以控制div的生成位置，則可以用另一個div來包裝它。

或尋找一個共同的模式。如果你的目標div有父母，這是DIV可以使用

.parent-class > div {} 

如果有父許多孩子中唯一的孩子，如果你是肯定的div順序使用第n個孩子（）選擇

.parent-class div:nth-child(2n+1) {} 

您也可以使用第一個孩子和最後孩子

.parent-class div:first-child {} 
.parent-class div:last-child {} 

Answer 3

的[att|=val]選擇應該爲你做的伎倆。它匹配att屬性恰好爲val,或的元素，其中att屬性以val開頭，後跟連字符。因此，如果通過data-row-id屬性選擇是可以的，並且始終以mnc_row-開頭，則下面的選擇器應該可以工作。

[data-row-id|="mnc_row"] { 

} 

這個選擇最初是用於語言匹配（認爲：一個選擇匹配en-US和en-GB）。