What kind of CSS class is the below?

Question

This may be a very silly question to others but I just came across something like this

<div class = "inventory.InStock"></div>

I don't know how much about CSS and tried to search in Google by Nested CSS / Modular CSS but may be I am in the wrong direction.

What it is and how to use it?

enter image description here

That's an invalid class name (they can't contain the full-stop/period character `.`). More info here: http://stackoverflow.com/questions/448981/what-characters-are-valid-in-css-class-names-selectors — gvee, Apr 02 '15 at 14:13
That looks like shopify syntax or some other javascript framework. — floor, Apr 02 '15 at 14:15
I got this while watching the video of Udi dahan SOA building Part-2 — priyanka.sarkar, Apr 02 '15 at 14:16
Check this: http://stackoverflow.com/questions/3447329/styling-elements-with-a-dot-in-the-class-name — Rahul Tripathi, Apr 02 '15 at 14:18

Default · Accepted Answer · 2015-04-02T14:19:42.747

1

It looks like a CSS class name with a . character. You can style it by escaping the character in your CSS file:

inventory\.InStock {

  /* your styles here */

}

Or by using attribute selectors:

div[class="inventory.InStock"] {

  /* your styles here */

}

However, there will definitely be browsers that do not support this.

edited Apr 02 '15 at 14:19

answered Apr 02 '15 at 14:14

Default

Or by attribute selectors: `[class="inventory.InStock"]` – Neps Apr 02 '15 at 14:16

1 Answers1