# combinators

[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](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 %}
