Question

所以我一直在想我怎么能只用李的第一个孩子来上课。所以这里是为li的每个元素放置3个图像。但我的问题是，在李的第一个孩子身上，这个位置是错误的。

.sf-menu > li > ul > li.category-thumbnail > div {
    width: 100%;
    padding-right: 100px;
    padding-top: 30px;
}
.sf-menu > li > ul > li.category-thumbnail > div:first-child {
  position: absolute;
  top: 135px;
  right: 180px !important;
  }
.sf-menu > li > ul > li.category-thumbnail > div:nth-child(2) {
  position: absolute;
  right: 180px !important;
  }
.sf-menu > li > ul > li.category-thumbnail > div:nth-child(3) {
  position: absolute;
  right: 553px !important;
  }

我想补充一下：

.sf-menu > li > ul > li:first-child.category-thumbnail > div:first-child {..}
.sf-menu > li > ul > li:first-child.category-thumbnail > div:nth-child(2) {..}
.sf-menu > li > ul > li:first-child.category-thumbnail > div:nth-child(3) {..}

提前感谢您的帮助

Answer 1

我相信这一点：

.sf-menu > li > ul > li.category-thumbnail > div:first-child {
  position: absolute;
  top: 135px;
  right: 180px !important;
}

定位div的第一个子节点，而不是实际的li。

尝试这样的事情：

.sf-menu > li > ul > li.category-thumbnail:first-child > div {
  position: absolute;
  top: 135px;
  right: 180px !important;
}

或：

.sf-menu > li:first-child > ul > li.category-thumbnail > div {
  position: absolute;
  top: 135px;
  right: 180px !important;
}

Answer 2

感谢大家的回答。我终于找到了解决方案。它是：

.sf-menu＆gt; li：first-child ＆gt; ul＆gt; li.category-thumbnail＆gt; DIV：第一胎

选择第一个孩子里面的班级

2 个答案: