>とcssセレクタのスペースの違いは何ですか？[duplicate] - css

私は2つの例を見ました、

.someclass> .inner {...}

そして

.someclass .inner {...}

同じように動作します。見ていないそれらの間に違いはありますか？

回答：

最初のものにのみ適用されます 即時 子供。第二に、あらゆる子孫へ。

だから、このCSSを考える：

.someclass > .inner { color: red }
.someclass .inner { font-weight: bold }

以下が適用されます。

<div class="someclass">
<div class="inner">
Bold and red
</div>

<div>
<div class="inner">
Just bold.
</div>
</div>
</div>

.someclass>.inner {
color: red
}

.someclass .inner {
font-weight: bold
}

<div class="someclass">
<div class="inner">
Bold and red
</div>

<div>
<div class="inner">
Just bold.
</div>
</div>
</div>

.someclass > .inner{...} - 「.someclass」の直接の子である「.inner」にのみ適用されます。

.someclass .inner{...} - それらの間に要素があっても、 "。someclass"の内側にあるすべての ".inner"に適用されます。