RobG wrote:
boclair wrote:
[...]
I would have thought that, provided this ul is to be used uniquely,
the css rules and markup might be
ul#mainlevel li {...}
ul#mainlevel li a {...}
etc
Maybe a dumb question, but does the leading 'ul' have any effect?
Wouldn't:
#mainlevel li {...}
#mainlevel li a {...}
do just as well (given that the id 'mainlevel' can only appear on one
element anyway)?
[...]
It doesn't except to aid the author in managing the style sheet,
especially long ones. It groups of selectors logically and helps where
inheritance could override. For example, take this snippet out of a
style sheet 2789 lines long used for a basically dynamically generated
site. Is it not easier to find where the selectors are grouped in
context.
Louise
_____CSS SNIPPET____________
div.minutecontent a {
color: #0000FF;
display: block;
font: normal 90% "Courier New", Courier, monospace;
margin-bottom: 0.5em;
}
div.minutecontent a:hover {
color: #C00000;
}
div.minutecontent div#toc {
background: #EFEFEF;
border: 1px solid #006600;
float: right;
margin-left: 0.2em;
margin-top: -1em;
padding: 3px;
width: 250px;
}
div.minutecontent div.action {
color: #1B060B;
font-family: "Courier New", Courier, monospace;
font-weight: bold;
margin-top: 0.7em;
padding-right: 10px;
text-align: right;
text-decoration: underline;
}
div.minutecontent div.authenticate {
font: bold 90% "Courier New", Courier, monospace;
margin-top: 1em;
}
div.minutecontent div.authenticate div.auth-line{
margin-bottom: 0.5em;
}
div.minutecontent div.authenticate div.sign{
float: right;
width: 140px;
}
div.minutecontent div.decision {
color: #1B060B;
float: right;
font-family: "Courier New", Courier, monospace;
font-weight: bold;
margin-top: 0.7em;
padding-right: 10px;
text-align: right;
text-decoration: underline;
width: 100px;
}
div.minutecontent div.election {
margin-bottom: 0.7em;
margin-left: 3em;
margin-top: 0.7em;
}
div.minutecontent div.election b {
text-decoration: underline;
}
div.minutecontent div.election div.election-detail {
margin-left: 1em;
}
div.minutecontent div.election div.election-detail div.nomination {
margin-top: 1em;
}
div.minutecontent div.election div.election-detail div.election-posn {
margin-left: 1em;
text-decoration: underline;
}
div.minutecontent div.election div.election-detail div.name {
float: right;
margin-left: 2px;
margin-right: -15px;
text-align: left;
width: 200px;
}
div.minutecontent div.genbiz {
margin-left: 2em;
}
div.minutecontent div.genbiz h5 {
font-size: 95%;
text-decoration: none;
}
div.minutecontent div.resolution {
border-left: 1px solid #0002E1;
color: #1B060B;
font-family: "Courier New", Courier, monospace;
font-style: italic;
font-weight: bold;
margin-left: 3.5em;
margin-top: 0.7em;
padding-left: 2px;
width: 340px;
}
div.minutecontent div.uplink a {
background: #EFEFEF;
border: 1px solid #006600;
float: left;
font: bold 16px "Courier New", Courier, monospace;
margin-bottom: -1em;
margin-top: 0.5em;
padding: 3px;
text-decoration: none;
width: 30px;
}
div.minutecontent div.uplink a:hover {
background: #C00000;
color: #FFFFFF;
}
div.minutecontent h4 {
clear: both;
font-size: 16px;
margin: 1em 0 0;
text-align: center;
}
div.minutecontent h5 {
clear: both;
font-size: 12px;
margin: 1em 0 0;
text-decoration: underline;
}
div.minutecontent mover {
margin-top: 0.7em;
}
div.minutecontent p {
margin-bottom: 0;
margin-left: 2em;
margin-top: 0.5em;
}
div.minutecontent span {
text-decoration: underline;
}
div.minutecontent ul.iestat {
list-style-type: none;
}
div.minutecontent ul.iestat div.amount {
float: right;
padding-right: 1em;
text-align: right;
width: 100px;
}
div.minutecontent ul.iestat li {
clear: both;
}
_____END CSS SNIPPET______