Did you know that you can escape class characters in your CSS? It's not something you would normally do but could create some interesting opportunities. I conducted a test to see how practical an escaped character would be in my class names.

  
    .list.\+horiz {

    list-style-type: none;
  }

        .list.\+horiz li {

        display: inline-block;
      }

  <ul class="list +horiz">
    <li>Home</li>
    <li>Work</li>
    <li>Contact</li>
</ul>

I found this an interesting way to make my class names specific to my "Framework" that I was using. By using the "+" in-front of the "list" class I was saying that this is a list and it is horizontal. Not sure how well it would read to someone else, but wanted to share with you.

What are your thoughts?


712 0 0