CODEWITHSUNDEEP
csssyntax
Dave
Dave

Reputation: 37

What does the . mean in CSS?

I've read several tutorials on CSS, but none of the sites I've looked at mentions or explains what a "." means in CSS.

What does the . mean?

Upvotes: 1

Views: 475

Answers (3)

sinθ
sinθ

Reputation: 11493

Well, in the following context:

.foo {
   //properties
}

it indicates that foo is a class. A # means it's an id and if it has nothing it means that it is for all tags of that type. So, in html, you would implement something with a "." like this:

<div class = "foo"></div>

For a "#" it would be

<div id = "foo"></div>

Use class/"." if you want to apply it to more than one thing. Use id/"#" if you want it to apply to one thing.

Ok, so if your wondering what a class is: A class is one of the three (I think it's 3) types of ways you select stuff in css. The id (which I explained) says that the following properties apply to anything (usually one thing) with 'id="foo"' in its tag. A class selector means that it applies to everything with a "class="foo"" in its tag. If it has none of these than it means that it applies to all things with that name.

.foo { //applies to all things with "class="foo"" in tag.
    border: black thin solid // applies a black border to them.
}
#foo { //applies to all things with "id="foo"" in tag.
    border: black thin solid // applies a black border to them.
}
div{ //applies to all div tags.
    border: black thin solid // applies a black border to them.
}
h1{ //applies to all h1 tags
    border: black thin solid // applies a black border to them.
}

Upvotes: 1

Franci Penov
Franci Penov

Reputation: 75981

It is a class selector. Means the rule should be applied to all elements that have an attribute class with the value after the ..

Upvotes: -1

Quentin
Quentin

Reputation: 943150

Nothing without context.

I'll hazard a guess that you are referring to a class selector.

Upvotes: 2

Related Questions