可重复表字段的CSS选择器

可重复表字段的CSS选择器,css,Css,我有一个可重复的表(用php和javascript制作)。字段ID为“this_is_field_0”,名称为“this_is_field[0]”。下一个字段ID变为“this_is_field_1”,依此类推。每次我添加一个新的表组,它们都会增加1 是否可以使用CSS选择所有这些字段?类似于“#this_is_field[*]”的内容?使用属性选择器 [id^="this_is_field_"] 这将选择id以This\u is\u field\uu开头的所有字段,作为副作用,它将保持低特异

我有一个可重复的表(用php和javascript制作)。字段ID为“this_is_field_0”,名称为“this_is_field[0]”。下一个字段ID变为“this_is_field_1”,依此类推。每次我添加一个新的表组,它们都会增加1


是否可以使用CSS选择所有这些字段?类似于“#this_is_field[*]”的内容?

使用属性选择器

[id^="this_is_field_"]

这将选择
id
This\u is\u field\uu
开头的所有字段,作为副作用,它将保持低特异性。

使用属性选择器

[id^="this_is_field_"]

这将选择
id
This\u is\u field\uu
开头的所有字段,作为一种副作用,它将保持低特异性。

运算符^-匹配以开头的元素

td[id^="this_is_field_"] { /* */}
运算符$-匹配以结尾的元素

td[id$="field_2"] { /* */}
运算符*-匹配具有包含

td[id*="is_field"] { /* */}

运算符^-匹配以开头的元素

td[id^="this_is_field_"] { /* */}
运算符$-匹配以结尾的元素

td[id$="field_2"] { /* */}
运算符*-匹配具有包含

td[id*="is_field"] { /* */}

看看这个例子,谢谢。我来看看。看看这个例子,谢谢。我来看看。