How to apply css to DOM element having same class name

Question

How to apply css to element having same class name.i want apply css to both how can I do this?
I try many times but don't get it right way.

<div class="a">...</div>
<span class="a">..</span>

I am writing my css inside HTML itself inside <script> tag

Your question is not specific enough to give you an answer for this. Do you want to make both elements with the a class to have the same styles or different or what do you need? You should extend your question with more details. — Kevin
– Kevin, Commented Feb 23, 2017 at 9:49
i will sir thank u i am new in SO that's why it is happening :) @Kovah — Foram Sangani
– Foram Sangani, Commented Feb 23, 2017 at 9:50

Kishan Oza · Accepted Answer · 2017-02-23 09:36:22Z

3

try this in your css file

.a{

// css that u want to apply
}

answered Feb 23, 2017 at 9:36

Kishan Oza

1,7351 gold badge19 silver badges39 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

let me try kishan i will let you know :)

if u put css file in same html then write above code inside <script> tag

@kishanoza the <script> tag???????? That's for Javascript (hence the name) - <style> is for CSS

@kishanoza that comment was deleted quickly! :D np, mistakes happen :)

CalvT · Accepted Answer · 2017-02-23 09:37:04Z

0

When targeting classes in CSS you must do it as follows:

.a {
  color: red
}

<a class="a" href="#">This is a link</a>
<div class="a">This is a div</div>
<span class="a">This is a span</span>

This will target all elements with this class a, as shown.

answered Feb 23, 2017 at 9:37

CalvT

3,2336 gold badges40 silver badges55 bronze badges

Salman · Accepted Answer · 2017-02-23 09:39:24Z

0

div.a {
    color: red;
}

span.a {
    color: blue;
}

by this you can apply different css to elements having same class.

To apply same CSS to all elements try this.

.a {
    color: red;
}

answered Feb 23, 2017 at 9:37

Salman

3895 silver badges22 bronze badges

copy of another's answer :(