Cascading Style Sheets Syntax » ID Selector http://csssyntax.com CSS BASIC REFERENCE Sat, 31 Jul 2010 08:26:13 +0000 en hourly 1 http://wordpress.org/?v=3.0 CSS ID Selector and Class Selector http://csssyntax.com/css-id-selector-and-class-selector.html http://csssyntax.com/css-id-selector-and-class-selector.html#comments Fri, 25 Sep 2009 00:42:22 +0000 gusdwi http://csssyntax.com/?p=79 In addition to the standard way of writing CSS style or giving properties inherent in the HTML selector, we can also provide their own name on a particular element by making the ID selector and Class selector.

ID Selector is a selector that can be used only once in an element, while the Class Selector can be used several times on an element.
Writing ID Selector in CSS begins with the symbol # (octothorpe), while writing the CSS class selector begins with a dot (.)
Example:

<html>
<head>
<title>CSS ID Selector</title>
<style type=”text/css”>
#header_title {
font-size:24px; font-weight:bold; color:#CC0000;}
#header_desc {
font-size:18px; font-weight:bold; color:#000066;}
.main {
font-family:Arial, Helvetica, sans-serif; line-height: 9px; }
</style>
</head>
<body>
<div>
<p id=”header_title”>CSS Syntax<br/><span id=”header_desc”>About CSS Id Selector and Class </span></p>
</div>
<div>
<p>Fill Your Stuff here</p>
<p>Fill Your Stuff here 2</p>
</div>
</body>
</html>

When viewed in a browser will be like this:
css-id-selector-result

]]> http://csssyntax.com/css-id-selector-and-class-selector.html/feed 1