CSS选择器正则表达式之间的任何内容

Question

我正在创建以下元素:

    .dh-tl-tl {}
    .dh-tl-tr {}
    .dh-tl-br {}
    .dh-tl-bl {}

    .dh-tr-tl {}
    ...

    .dh-br-tl {}
    ...

    .dh-bl-tl {}
    ...

有没有办法让CSS选择器获得每组中的4个项目？

例如

    [class=(?<=.dh-)(.*)(?=-bl)] {}

Answer 1

您可以使用^=('starts with')和$=('ends with')属性选择器.

[class^="dh-"][class$="-bl"]{}