# I try to make " ~~~~ , ~~~~ , ~~~ " in Create New Css Rule

**URL:** <https://forum.pinegrow.com/t/i-try-to-make-in-create-new-css-rule/6447>\
**Category:** General\
**Created:** [April 2, 2022, 12:11am UTC](https://forum.pinegrow.com/t/i-try-to-make-in-create-new-css-rule/6447 "2022-04-02T00:11:43Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![alexseo](https://avatars.discourse-cdn.com/v4/letter/a/779978/32.png) [@alexseo](https://forum.pinegrow.com/u/alexseo)\
**Post date:** [April 2, 2022, 12:11am UTC](https://forum.pinegrow.com/t/i-try-to-make-in-create-new-css-rule/6447/1 "2022-04-02T00:11:43Z")

</div>

Hi,

I try to make " .header .menu-icon:after,.header .menu-icon:before ".  
I can make " .header .menu-icon:after ".  
How can I select the elements for css after the above css;.header .menu-icon:after .

I want to make the following result;  
.header .menu-icon:after,.header .menu-icon:before

Or

Do I have to type " ,.header .menu-icon:before " ?

Thanks.

 ![스크린샷 2022-04-02 오전 9.05.22](https://canada1.discourse-cdn.com/flex036/uploads/pinegrow/original/2X/1/159e2ffc5054570126537fb1710a7487f92d404e.png)

---

<div class="post-metadata">

**Author:** ![RobM](https://avatars.discourse-cdn.com/v4/letter/r/278dde/32.png) [@RobM](https://forum.pinegrow.com/u/RobM)\
**Post date:** [April 2, 2022, 9:49am UTC](https://forum.pinegrow.com/t/i-try-to-make-in-create-new-css-rule/6447/2 "2022-04-02T09:49:24Z")

</div>

Hi @alexseo,  
You guessed correctly, you need to type in the second selector after clicking to create the first.  
Cheers,  
Bob

---

<div class="post-metadata">

**Author:** ![alexseo](https://avatars.discourse-cdn.com/v4/letter/a/779978/32.png) [@alexseo](https://forum.pinegrow.com/u/alexseo)\
**Post date:** [April 5, 2022, 7:48am UTC](https://forum.pinegrow.com/t/i-try-to-make-in-create-new-css-rule/6447/3 "2022-04-05T07:48:51Z")

</div>

I see.  
Thank you very much.