Accessing my li tag using the class of my ul tag

Question

I have a ul tag and I want to access the a tag and change its style, this code works.

ul li a{ font-weight: bold !important; }

But when I put a class to the ul and use it. It does not work

ulClass li a{ font-weight: bold !important; }

please post sample code showing the problem and we'll be able to help you — Danield, Jul 25 '18 at 08:51
If the class named `my-class` you should use `ul.my-class`, wouold you try this? — Chaska, Jul 25 '18 at 08:53
Having `!important` in there is something you rather want to avoid to begin with. What your actual/ current problem is, is not reproducible with what you have shown - please go read [mcve], and then edit your question accordingly. — CBroe, Jul 25 '18 at 08:53

Jonas · Accepted Answer · 2018-07-25T09:02:57.487

1

I have tried changing the class to id and replaced the css.

From this

.ulClass li a {font-weight: bold !important;}

To this and it worked.

#ulId li a {font-weight: bold !important;}

I don't know whats the difference can someone explain to me?

edited Jul 25 '18 at 09:02

answered Jul 25 '18 at 08:55

Jonas

The first one is selecting elements which classname is ulClass, the second one is selecting an element which id is ulId. Class name and ID are different attributes. – Chaska Jul 25 '18 at 08:56
please show me you ul html tag. Hope you have written
– Sonia Jul 25 '18 at 08:57
Yes and what's the difference? I want to select elements with that class and change it. But using id it works @Chaska – Jonas Jul 25 '18 at 08:58
Yes I have
– Jonas Jul 25 '18 at 09:01
Suggest you refer to this: https://stackoverflow.com/questions/12889362/difference-between-id-and-class-in-css-and-when-to-use-it , and there are number of reason failed selecting the elements by class name, you better provide html code as well to get help. – Chaska Jul 25 '18 at 09:03

VSM · Answer 2 · 2018-07-25T08:53:31.950

0

Apply below syntax and try again.here you should use . before the class name

ul.class li a { font-weight: bold !important; }

or

.class li a { font-weight: bold !important; }

edited Jul 25 '18 at 08:53

answered Jul 25 '18 at 08:50

VSM

Use a ID instead of Class name and let me know what the result is. – VSM Jul 25 '18 at 08:59

score 0 · Answer 3 · answered Jul 25 '18 at 08:59

0

@Jonas So ideally it should work with class. It could be one of the two IMO :

some basic error in the html skeleton
you've got a conflicting css rule (with !important which overrides this styling)

Mind posting the code snippet ?

answered Jul 25 '18 at 08:59

the_lost_one

3 Answers3