I have a ul bullet point list that has CSS styling. This is for my navigation bar. The problem is the font-size: 12px; is too small and I need to separate the navigation bar CSS from the main content CSS which needs size 12 writing.
How would I do this please?
The code below is for my navigation bar bullet point.
#navi li{
padding:30px;
text-align: center;
}
How do I call ‘li’ into my HTML document for that specific part of what I need to make font size 20?
If I put font-size: 20px; into the above code it doesn’t work because the CSS for links active, visited and the hover has font-size: 12px;
Thank you very much Dave! That’s exactly what I was looking for.
In some CSS coding examples I’ve seen online, I’ve noticed they do ‘.stylenamehere’ placing a ‘dot’ . in front of whatever they want to style. How would you call the CSS if the style has a dot in front of it? Thanks!
It doesn’t matter much which you use. An ID is a bit more powerful, but you can only use it once on your page, whereas you can use a class multiple times.