隐藏基于数据属性的元素？

Question

我只想尝试使用此link上的小部件并隐藏顶部的所有标签，除了＆＃34; Flights＆＃34;，所以我最后有一个而不是四个。< / p>

我为此找到了以下CSS代码段，在链接的html中可以看到：

    [data-cf-product="FLIGHTSHOTELS"] { 
    display:none;
}

所以我只是试图使用此代码隐藏li中ul的{​​{1}}值data attribute，但我不知道为什么会这样不工作。有人可以帮忙吗？

Answer 1

[data-cf-selectedproduct="FLIGHTS"] > li:not(:nth-of-type(1)) {
  display:none;
}