css select by class ids code example

Example 1: css class and id selector

Select an element with the ID "id" and the class "class":
#id.class {
}
example:
<div>
  <strong id="id" class="class">
      Foobar
  </strong>
  <strong class="class">
      Foobar
  </strong>
</div>
=> Will select the first <strong> element

Select all elements with the class "class",
which are decendents of a element with an ID of "id":
#id .class {
}
example:
<div id="id">
	<strong class="class">Foobar</strong>
</div>
=> Will select the <strong> element

Example 2: . and # in css

<!DOCTYPE html>
<html>
<head>
<style>
.classname {
  background-color: green;
  color: white;
}
#idname {
  background-color: pink;
  color: white;
}
</style>
</head>
<body>
<div class="classname">I am  green colour<div>
<div id="idname">I am  pink colour</div>
</body>
</html>

Tags:

Html Example

Recent Posts