- Trending Categories
Data Structure
Networking
RDBMS
Operating System
Java
iOS
HTML
CSS
Android
Python
C Programming
C++
C#
MongoDB
MySQL
Javascript
PHP
- Selected Reading
- UPSC IAS Exams Notes
- Developer's Best Practices
- Questions and Answers
- Effective Resume Writing
- HR Interview Questions
- Computer Glossary
- Who is Who
Difference between "." and "#" selector in CSS
'.' selector
'.' selector is a class level selector. The dot operator is used to create a style class which can then be applied on multiple html elements.
'#' selector
'#' selector is an element level selector. Hash operator is used to applying style on a particular element whose id is the same as used in '#' selector
Example
Following the example, shows usage of '.' as well as '#' selector on three div elements.
<!DOCTYPE html>
<html>
<head>
<title>Selector Example>/title>
<style>
.blackBorder {
border: 2px solid black;
}
#redDiv {
border: 2px solid red;
}
</style>
</head>
<body>
<div> No Border Box </div>
<div class="blackBorder"> Black Border Box </div>
<div id="redDiv"> Red Border Box </div>
<div> No Border Box </div>
<div class="blackBorder"> Black Border Box </div>
</body>
</html>
Published on 13-Jan-2020 06:22:29
- Related Questions & Answers
- Difference between "fold" and "reduce" in Kotlin
- Difference between "*" and "Any" in Kotlin generics
- Equality checks in Kotlin (Difference between "==" and "===" Operators)
- Difference between "new operator" and "operator new" in C++?
- Difference between "grid" and "pack" geometry managers in Tkinter
- Difference between a "class" and an "object" in Kotlin
- What's the difference between "!!" and "?" in Kotlin?
- Role of CSS [attribute="value"] Selector
- What is the difference between "var" and "val" in Kotlin?
- What is the difference between "const" and "val" in Kotlin?
- Difference between "fill" and "expand" options for tkinter pack method
- What is the difference between "std::endl" and "\n" in C++?
- What's the difference between "update" and "update_idletasks" in Tkinter?
- What's the difference between "STL" and "C++ Standard Library"?
- What is the difference between "profit" and "cash flow from operations"?
Advertisements