---
title: "How do I add a combinator to my style?"
date: "2017-11-06T11:22:22+00:00"
summary: "Learn how to enhance your CSS styling by adding combinators to child selectors. This guide explains the process step-by-step, helping you create more precise and powerful style rules for your web projects."
image:
type: "article"
url: "/drupal-starter-kits/add-ons/site-studio/help/65671-how-do-i-add-combinator-my-style"
id: "464bac4e-2f4c-4d8e-a541-ec7a4ee632d2"
---

You can only add combinators to child selectors. Add a child selector and combinator will appear in the Style tree.

A Combinator determines the relationship between selectors. When you're using the style builder you can only apply Combinators to Child selectors in the Style tree. This will change their relationship with their parent. For example, you can apply the Adjacent sibling combinator to change the relationship from 'Parent child' to 'Siblings'.

To add a combinator:

1.  First add a child selector to your element  
    
    ![8a097f19-Child-selector.gif](https://acquia.widen.net/content/e1c7dff4-a6b8-4f6d-b962-96ef864a5be6/web/8a097f19-Child-selector.gif?animate=true)
    
      
     
2.  The Combinator menu option will become available and you can add a Combinator  
    
    ![93a9a110-Apply-combinator.gif](https://acquia.widen.net/content/b8615100-ec83-4a83-b674-280339af0a1a/web/93a9a110-Apply-combinator.gif?animate=true)