Newbie
Sign In
Create Account
Follow Us on Twitter
Subscribe on Youtube
.content{
}
versus
#content{
}
Edited by Jordan, 12 June 2008 - 04:38 PM.
Added code tags
|
|
|
A spammer's worst nightmare
Guest_Jordan_*
Edited by Jordan, 12 June 2008 - 04:37 PM.
Moved to correct forum
Newbie
Retired
<div id="simpleStyle">Stuff here...</div>Then you can't have another one later in the document. The id="simpleStyle" must only occur once! You can still use other names for ID's, though, so having two ID's but with different names works perfectly, like the following shows.
<div id="simpleStyle">Stuff here...</div> ... <div id="anotherStyle">Some other stuff here...</div>
Guest_Jordan_*
Back to top
<html>
<head>
<style>
p#exampleID1 { background-color: blue; }
p.exampleClass { text-transform: uppercase; }
</style>
</head>
<body>
<p id="exampleID1">This paragraph has an ID name of "exampleID1" and has a blue CSS defined background.</p>
<p class="exampleClass">This paragraph has class of "exampleClass" and has had its text transformed to uppercase letters.</p>
</body>
</html>
Writes binary right handed and hex left handed
<html>
<head>
<style>
p#exampleID1 { background-color: blue; }
p.exampleClass { text-transform: uppercase; }
</style>
</head>
<body>
<p id="exampleID1">This paragraph has an ID name of "exampleID1" and has a blue CSS defined background.</p>
<p class="exampleClass">This paragraph has class of "exampleClass" and has had its text transformed to uppercase letters.</p>
<p class="exampleClass">This is another paragraph - it is also in uppercase, as it is tied to a class, which can be used across multiple elements.</p>
</body>
</html>
You see the extra line? A class can be used on more than element - but an ID can only refer to one specific element.
Writes binary right handed and hex left handed
<script language="javascript">
document.getElementById("footer").innerHTML = i;
</script>
<span id="footer"></span>
Writes binary right handed and hex left handed
Writes binary right handed and hex left handed
