如何为随机更改div ID或类设置css？

Question

我有一个div，其中包含每次刷新网站时自动生成的类和ID

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

这个号码＆＃34; 3259bbbe82bc595＆＃34;是从wordpress插件自动生成的，没有选项可以从控制面板更改此div的外观，所以我需要自定义css。

任何人都可以帮忙吗？

Answer 1

由于类和id是自动生成的，如果你可以控制div的生成位置，你可以用另一个div包装它。

或者寻找一种常见的模式。如果您定位的div具有父级，并且它是唯一的子级div，则可以使用

.parent-class > div {}

如果父母有很多孩子，如果你确定div的顺序，请使用nth-child（）选择器

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

您还可以使用第一个孩子和最后一个孩子

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

Answer 2

您可以试用以下代码

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

请在此处查看Fiddle 希望这对你有用

Answer 3

[att|=val]选择器可以帮到你。它匹配att属性正好为val，或的元素，其中att属性以val开头，后跟连字符。因此，如果按data-row-id属性进行选择是正常的，并且始终以mnc_row-开头，则下面的选择器应该有效。

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

}

此选择器最初用于语言匹配（请注意：匹配en-US和en-GB与一个选择器）。