Hi guys. Anybody knows what will happen if we have more than 1 css code for an element?

Question

In some cases an element matches more than one css property. For example an element has a class an also an id, so which one applies? Is there any link to find out the priorities in these cases?

Answer 1

Paul Grasser yes id is always stronger than classes and tags' names .. if he uses id then the value that is given for id will be applied but if he uses tag's name or a class then the last given value will be applied.

Answer 2

The last written code will be applied
forexample

p{
color: red;
}
.
.
.
.
p {
color: gray;
}

the font of all p tags will be gray because it is the last specified value.
İn other words
The last given value will be overwritten the earlier given values

Answer 3

Safaa Alnabhan not quite true even if you have id before and then something else the id is still the one applied

Answer 4

You don't need a reference to learn things like these .. You need to have a practice .. you should try and write the code in your text editor and see what happened .. then you can ask here about your wondering issues to be sure about the result you got it .. things like this you learned it by time and by trying listening to others reading and working on many projects ☺
Google is your best friend👍

Answer 5

What happen if they have conflicts? For example :
#id{color:yellow;}
.class{color:blue;}

Answer 6

They are both applied, if that's what you mean.

Answer 7

The id is used.

Answer 8

Do you guys know any reference?

Answer 9

For another conflicts I mean?