TIL

Today I learn Selectors at fastcampus.

class

• class always can repeat.
• .class{in css}
• querySelector(.class) in JS

id

• id can't repeat.
• #id{in css}
• getElementId(id) in JS

---

Today I learn pathes at fastcampus.

Relative path

./
../

Absolute path

http
/

---

Today I learn selectors at fastcampus.

1. universal Selector - * { color : tomato;}
2. tag Selector - span{ color : tomato;}
3. class Selector - .orange{ color : tomato;}
4. id Selector - #apple{ color : tomato;}

---

Today I learn combinators at fastcampus.

1. combinator - span.orange{ color : tomato;}
2. child Combinator - ul > .orange{ color : tomato;}
3. descendant Combinator - div .orange{ color : tomato;}
4. adjacent Sibling Combinator - .orange + li { color : tomato;}
5. general sibling Comninator - .orange ~ span{ color : tomato;}

---

Today I learn Pseudo-class Selector at fastcampus.

1. A:active{color : tomato;}
2. A:hover{color : tomato;}
3. A:focus{color : tomato;}

---

Today I learn Pseudo-Elements Selector at fastcampus. You have to write content:" ";

1. E::before{ content:"abcd"; color : tomato;}
2. E::after{ content:"abcd"; color : tomato;}

---

Today I learn nth-child at fastcampus.

---

Today I learn inherit at fastcampus.

1. If you write li{position:inherit;}, they have parent's property.

---

Today I learn !important at fastcampus.

1. !important
2. inline - <span style="...>
3. id
4. class
5. tag
6. universal selector

---

Today I learn display at fastcampus.

1. block
2. inline
3. inline-block - they have width or height