# combinators

[CSS](https://lochiwei.gitbook.io/web/css) ⟩ [selectors](https://lochiwei.gitbook.io/web/css/selectors) ⟩ combinators

{% hint style="info" %}

{% endhint %}

{% tabs %}
{% tab title="💾 程式" %}

```css
A, B    /* A or B */

A.B    /* A (with class B) */

A B    /* B (descendent of A) */
A > B    /* B (direct child of A) */
A + B    /* B (next sibling of A) */
A ~ B    /* B (following sibling of A) */
```

{% endtab %}

{% tab title="👥 相關" %}

* [direct-children-by-js](https://lochiwei.gitbook.io/web/css/selectors/direct-children-by-js "mention")
  {% endtab %}

{% tab title="📘 手冊" %}

* [CSS](https://developer.mozilla.org/en-US/docs/Web/CSS) ⟩ [Next-sibling combinator](https://developer.mozilla.org/en-US/docs/Web/CSS/Next-sibling_combinator)
  {% endtab %}
  {% endtabs %}