Multiple id or classes with single rule in CSS

For defining a single rule for multiple CSS classes or id’s, CSS can be used as :

#idName1, #idName2, #idName3, #idName4, #idName5
{
	background-color:#BFEAF1; /* your css rule*/
}

A complete example will be demonstrated as :

<!DOCTYPE html>
<html>
<head>
<style>
.first, .second {
	background-color:#BFEAF1;
}
</style>
</head>
<body>
Name:
<input type="text" class ="first" name="fullname">
<br>
Email:
<input type="text" class ="second" name="email">
</body>
</html>

Categories