'Do two elements of the same CSS class on the same webpage always have identical CSS properties?
Do two elements of the same CSS class on the same webpage always have identical CSS properties? I am wondering because I need to gather all the CSS properties of each element on a webpage and I am wondering if I should gather CSS properties corresponding to CSS class or CSS id and if there would be a difference between those?
Solution 1:[1]
Not entirely sure what your objective is but class in CSS applies to a host of elements whereas id applies to only one element. In terms of if all CSS properties are inherited by class that depends you can specify attributes that go inside of nested elements, child elements, float properties, hover properties etc. for example .classHere> button{color:green; float:center;}
Check out this link for further examples https://www.w3schools.com/cssref/css_selectors.asp
Solution 2:[2]
If you add a class to an HTML element, you can give the class to every element you want, and it will share with all the element with that class the properties defined on the CSS document. That's is the fundamental of Bootstrap.
On the other side ID's are unique to the element, so you can use them ONLY in one HTML item. So for example you can have an h1 and h2 sharing the same class, but never the same ID.
Sources
This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.
Source: Stack Overflow
| Solution | Source |
|---|---|
| Solution 1 | Taj Irwin-Wells |
| Solution 2 | Jeremy Caney |