changed format of Note sections
This commit is contained in:
parent
151d7e0278
commit
b2b2e41ae2
@ -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
|
||||||
|
|
||||||
|
-
|
||||||
Loading…
Reference in New Issue
Block a user