Thu, 2014-01-30 04:03
If I name a class Maindoc Ul and make the font bold, blue, and 12 point does this mean that all Uls in my document will also have the same constraints? Or only when I call the class Maindoc? In other words, does a class with two names really mean that it will apply to two different items? In this example: Class Maindoc and all Uls? or does it mean that my class name is Maindoc Ul?
Thank you
Thu, 2014-01-30 04:21
#1
hi Canadian-gal<p
hi Canadian-gal
<p class="Maindoc Ul">
is specifying 2 class names Maindoc and Ul
in a stylesheet if you have:
.Maindoc Ul{
it would be looking for an HTML element of type Ul within an element with a class of Maindoc
Thu, 2014-01-30 05:46
#2
So in this css, would my Ul
So in this css, would my Ul list have a conflict or would it read that make all Ul square except within the context of .MainDoc and then make it none.
Ul
{list-style-type: square;}
.MainDoc Ul
{
display: inline;
list-style-type: none;
padding: 0.25em;
margin: 0.25em 0;
background: #B8944D;
}
Thu, 2014-01-30 06:16
#3
Hi Canadian-gal, Quote: make
Hi Canadian-gal,
make all Ul square except within the context of .MainDoc and then make it none.
It would be simple to try it out for yourself.
Thu, 2014-01-30 06:44
#4
Thank you for the
Thank you for the clarification. I did try it and it didn't work for me. Perhaps you can instruct on what I am doing wrong?
ul {
list-style-type: square;
}
#maindoc ul {
display: inline;
list-style-type: none;
padding: 0.25em;
margin: 0.25em 0;
background: #B8944D;
}
<html> <head> <link rel="stylesheet" type="text/css" href="lists" /> </head> <body> <ul> <li>box</li> <li>cow</li> <li>dog</li> <li>cat</li> </ul> <ul class="maindoc"> <li>box</li> <li>cow</li> <li>dog</li> <li>cat</li> </ul> </body> </html>
Thu, 2014-01-30 06:57
#5
In that case you need to
In that case you need to use:
UL.maindoc{ display: inline; list-style-type: none; padding: 0.25em; margin: 0.25em 0; background: #B8944D; }
or just
.maindoc{ display: inline; list-style-type: none; padding: 0.25em; margin: 0.25em 0; background: #B8944D; }
# is used to specify an ID not a class.