css - 使用 nth-child 在第三个 h3 上组合 CSS 背景图像和渐变

Question

我正忙着尝试将对 Angular 线线性渐变和常规 background-image 组合在一起 plus 仅到第二个 h3 元素；这是我得到的:

HTML

<div id="something">
  <div><h3>...</h3></div>
  <div><h3>...</h3></div>
  <div><h3>...</h3></div>
  <div><h3>...</h3></div>
</div>

CSS

#something h3:nth-child(2) {
  background: linear-gradient(135deg, rgba(221,221,221,1) 0%,
  rgba(221,221,221,1) 95%, rgba(0,0,0,1) 95%, rgba(0,0,0,1) 100%),
  #ddd url(/assets/img/bullet.png) left 12px no-repeat;
}

我以前用过 nth-child 选择器处理其他东西，这个渐变来自在线生成器，我在这里错过了什么？

Answer 1

看起来选择器应该是:

#something > div:nth-child(3) > h3

https://jsfiddle.net/db2n5r63/1/