Combine the style from ID and class : ID Selector « Style Basics « HTML / CSS






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

Combine the style from ID and class

  

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<style type="text/css">
* .z {
  padding: 5px;
  border: 5px solid black;
}

#float {
  width: 150px;
  height: 50px;
}


</style>
</head>
<body>

<div>this is a test. 
  <div>this is a test. 
    <div id="float"  class="z">Sized Float</div> 
  </div> 
</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.ID Rule Example
6.Set style for DIV targeting id