선택자(.) 입력의 실수 가능성

body{
    display: flex;
    font-family: Arial, Helvetica, sans-serif;
    margin: 0;
    padding-top: 80px;
    padding-left: 96px;
    padding-right: 24px;
    background-color: black;
    color: white;

}

.body{
    display: flex;
    font-family: Arial, Helvetica, sans-serif;
    margin: 0;
    padding-top: 80px;
    padding-left: 96px;
    padding-right: 24px;
    background-color: black;
    color: white;

}

선택자(.)에 따라서 의미가 크게 갈리는 코드이다.

 

.을 넣으면 해당 이름을 클래스에만 적용되는 설정이라는 것이다.

.을 넣지 않으면 해당 이름을 가진 태그 전체에 설정이 적용된다.

 

때문에 태그 자체를 설정할 때는 습관적으로 선택자(.)을 추가하지 않도록 조심해야한다.