我正在尝试定位一个与其关联的动态数字的元素。例如,有一次可能是
#widget-5_yikes_mc_widget-__i__ > div.widget-top > div.widget-title > h4:之前
它的另一个实例可能是
#widget-8_yikes_mc_widget-__i__ > div.widget-top > div.widget-title > h4:之前
有没有办法可以定位这些元素,而不管与之关联的数量有多少?也许使用某种通用选择器?我从未使用过它们,所以设置起来有点困难。
我尝试的CSS是:
#widget-^_yikes_mc_widget-__i__ > div.widget-top > div.widget-title > h4:之前
我什至不确定这是否可以用 CSS 实现
最佳答案
*[id^="widget-"] > div.widget-top > div.widget-title > h4:before
这使用 attribute prefix selector来自 CSS3。
如果它也必须以 _yikes_mc_widget-__i__
结尾,则:
*[id^="widget-"][id$="_yikes_mc_widget-__i__"] > div.widget-top > div.widget-title > h4:before
或者,如果您只需选择中间有 yikes_mc_widget
的内容即可:
*[id*="_yikes_mc_widget"] > div.widget-top > div.widget-title > h4:before
关于CSS 数字通用选择器?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21994946/