如何查找 CSS 选择器

Question

我在定位特定元素时遇到问题。我正在尝试更改小部件的背景颜色。我的问题是这个小部件在网站上的几个地方使用，所以如果我通过 CSS 更改某些内容，它会更改所有小部件。我一直在通过检查元素尝试不同的选择器组合。我找不到合适的。该站点位于 http://titanpanama.com/newsite/ 我正在尝试更改“特价”标题下列表项的 backgound-color。我试过了

.specials-home .home-estate-widget .post-list li{ background-color:#000; }

我试过将 class 添加到容器中。我哪里错了？

Answer 1

要专门定位特价商品小部件中的列表项，请使用：

.specials-home ul.post-list li {
  background: #000;
}

Answer 2

试试这个：

div#my_poststypewidget-18 > .specials li {
  background-color: gold;
}

它以 class .specials.

元素中 li 的所有子元素为目标

如何查找 CSS 选择器

How to Find CSS Selector

css

css-selectors