ID Rule Example : ID Selector « Style Basics « HTML / CSS






  1. HTML / CSS
  2. Style Basics
  3. ID Selector

ID Rule Example

  
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
<head>
<title>HTML/XHTML:  &raquo; ID Rule Example</title>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />

<style type="text/css">
#SecondParagraph {background-color: green;}
</style>

</head>
<body>

<div class="content">
  <p>This is the first paragraph.</p>
  <p id="SecondParagraph">This is the second paragraph.</p>
  <p>This is the third paragraph.</p>
</div>
</body>
</html>








Related examples in the same category

1.id locator with #
2.An ID should be unique within a document. If it is not, ID will match all elements with the same IDs.
3.tagName#id: use id name plus tag name to mark a style
4.To style one paragraph with an extra-large bottom margin of 40 pixels using #paragraph3{margin-bottom:40px;}.
5.Combine the style from ID and class
6.Set style for DIV targeting id