用于在连字符后选择第二项的CSS选择器

时间:2015-05-17 18:40:34

标签: css css-selectors

CSS选择器[attr|=value]用于选择正确"值"的项目。或者以"值开头 - "。这最初的目的是允许选择所有语言而不管方言,例如" en-au"," en-ca"," en-gb",& #34; EN-US"

我正在寻找的是一个项目的选择器,它正是"值",其中包括" -value - "或者以" -value"结尾。就我而言,我根本不关心语言代码。

This page声称有=\运算符:

[data-value=|"foo"] {
  /* Attribute value has this in a dash-separated list somewhere */
}

但是我无法让它发挥作用。如果我只对两项条款的受控列表感兴趣,那么这对我有用:

[attr*=-value][attr$=value]

但是,这也会返回" xx-valuevalue"等项目,因此结果并不完美。

我的问题是:是否有另一种方法来编写一个CSS选择器,它将选择具有给定字符串的所有项目作为连字符分隔列表中的一个项目?

1 个答案:

答案 0 :(得分:2)

你走了:

[attr*=-value-], [attr$=-value], [attr=value]

在伪代码中:

  

获取包含-value-的内容,以-value结尾的内容,以及与value完全相同的内容。