changed format of Note sections

This commit is contained in:
Jacob Delgado 2023-04-05 01:17:12 -07:00
parent 151d7e0278
commit b2b2e41ae2

View File

@ -469,7 +469,7 @@ div {
} }
``` ```
- Notice how a class is chained to an ID by using their respective syntax of `.class#ID` - Notice how a class is chained to an ID by using their respective syntax of `.class#ID`
- Note: Does not work for chaining more than one type of selector - > Note: Does not work for chaining more than one type of selector
- It is also dependent on the type of element - It is also dependent on the type of element
- Ex: `<div>` can't be chained to `<p>` because it would create `<divp>` and it doesn't exist as an element - Ex: `<div>` can't be chained to `<p>` because it would create `<divp>` and it doesn't exist as an element
#### Descendant Combinator #### Descendant Combinator
@ -619,4 +619,6 @@ img {
``` ```
- In the example above, **rule 2 would take priority** because it is more specific - In the example above, **rule 2 would take priority** because it is more specific
- Because they both contain `#subsection`, rule2 `color: red;` takes priority with rule1 `background-color: yellow;` because there is no conflict for `background-color` - Because they both contain `#subsection`, rule2 `color: red;` takes priority with rule1 `background-color: yellow;` because there is no conflict for `background-color`
> Note: When comparing selectors, you may come across special symbols for the universal selector(`*`) - > Note: When comparing selectors, you may come across special symbols for the universal selector(`*`) as well as combinators (`+`, `~`, `>`, and an empty space). These symbols do not add any specificity to the elements
-