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">

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?

801 0 0