Styling two ordered lists different from each other in same webpage.

Question

How can I style the ordered list below the second "h2" the Indian geography, differently by the before one.
https://sololearn.com/compiler-playground/WFbNzlByQmeh/?ref=app
https://sololearn.com/compiler-playground/WFbNzlByQmeh/?ref=app

Answer 1

Abhinav Dwivedi
several suggestions:
the font tag is not valid html5. use font-family property instead and apply it to the body if you want it inherited globally.

You have a lot of unclosed tags.

using indentations in the html code improves the readability of the code and helps you catch unclosed tags.

You can write the properties for the same tag inside one bracket. No need to redeclare the tags repeatedly.

also, maybe you mean 2 unordered lists? there is only 1 ordered list in your example.

https://sololearn.com/compiler-playground/WZffKjHicAZD/?ref=app

Answer 2

Abhinav Dwivedi What type of 'styling' are you trying to do ? Your question needs a bit of clarity inorder to receive help.

Answer 3

you can use classes.
using tags as css specifiers applies the same style to all tags of the same type. using class narrows down the specificity of the styling.

Answer 4

Very very thanks bro Bob_li

Answer 5

I mean that changing colour, giving another font size etc