Ok Ive been making crappy web pages for about 10 years now using just old basic HTML. Ive seen and I like the idea behind CSS, and on how to make clean pages without tables. I just purchased a book called Beginning CSS Web development: from novice to professional and it told me about the heirachary, how the last code in the css gets priority first. Ive been previewing this while in creation of my own BS code while reading, and the ULs in the css are underlined, but LIs are becoming underlined even when I tell it text-decoration: none. Can someone tell me what I'm missing or what im not seeing? Thank you.
CODE
/*Start of code
--------------------------------*/
h1 {
color: #333;
font-style: bold;
}
p {
color: #f00;
font-size: 12px:
}
h2 {
color: red;
font-style: italic;
}
ul {
color: green;
text-decoration: underline;
}
li {
color: blue;
font-style: italic;
text-decoration: overline;
}
.test {
text-decoration: underline;
}
.test2 {
color: red;
}
.test3 {
text-decoration: none;
color: gray;
}
h3 {
color: blue;
text-decoration: underline;
}
<html>
<head>
<title> Test Site </title>
<style type="text/css">@import url(test1.css);</style>
<center><h1> Hello everyone </h1></center>
</head>
<body>
<p> <h3>Test sentance one. </h3>
<p> <h2> Test Sentance two. </h2>
<ul class="wtf">This is awesome!
<li class="test">Is this amazing?</li>
<li class="test2">Could this be amazing?</li>
<li class="test3">is this right</li>
</ul>
</body>
</html>
10 Jul, 2008 - 09:20 PM
| 