css name code example

Example 1: target css by form name

tag[name="nameofthetag"] {
	//style your html tag
}

Example: 
<input type="submit" value="Go" name="goButton">
input[name="goButton"] {
  background: red;
}

Example 2: css class

.myclass {
  border:1px solid black;
  background-color: #d2d2d2;
  height:20px;
  width:60px;
}
/*If you give this class to a div in html, it will get the styles you gave
to that class. You can add multiple classes to a div, and multiple divs
can get that class. */
/* I hope I helped! */

Example 3: . 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

Related