Does css support percent class name

Question

I have a div with this class:

<div class="hero-section width-80%"> A Hero Image </div>

CSS:

<style>
.width-80%{
max-width: 80%;
}
</style>

Does a percent sign allowed to use in class value ? If I want to use any percent class with "%" symbol, How can I use a percent sign in css?

[Which characters are valid in CSS class names/selectors?](https://stackoverflow.com/questions/448981/which-characters-are-valid-in-css-class-names-selectors) - It isn't valid, but you can seemingly escape it. — Álvaro González, Jan 07 '23 at 11:49

Nora Söderlund · Accepted Answer · 2023-01-07T12:10:54.000

3

Yes, you'd have to escape it in your selector:

.width-80\% {
  max-width: 80%;
  
  color: red;
}

<div class="hero-section width-80%">A Hero Image</div>

edited Jan 07 '23 at 12:10

answered Jan 07 '23 at 11:39

Nora Söderlund

1 Answers1