How to pass symbol & in CSS?

Question

Hey guys I have a div class="hello&world" for example.

How Can I use it on CSS file?

I tried that .hello&world{display: none} but I cant take & in that file.

Is there any way to do that?

Bad naming convention... use something like hello_world or hello-world. — Barry Franklin, Aug 07 '17 at 14:44
Ok cheers.. I am not gonna do that. How can I close this question? — Maria, Aug 07 '17 at 14:46
Your question is similiar with this link https://stackoverflow.com/questions/448981/which-characters-are-valid-in-css-class-names-selectors — Ayirp86, Aug 07 '17 at 14:47
You may check on this link https://stackoverflow.com/questions/448981/which-characters-are-valid-in-css-class-names-selectors — Ayirp86, Aug 07 '17 at 14:48
No its not similar to that guys.. That is about valid characters. Mine is about how to pass that specific — Maria, Aug 07 '17 at 14:50

score 4 · Accepted Answer · answered Aug 07 '17 at 14:46

4

You just need to escape the & with \

.hello\&world {
  color: red;
}

<div class="hello&world">test</div>

answered Aug 07 '17 at 14:46

j08691

1 Answers1