[Bootstrap] font-size는 id 와 그에 속한 class 명시해야 적용된다!

angela의 갓 수업 중.

어려움에 봉착.

아니 왜이렇게 오류가 뒤지게 나는거야 진짜? 어? 

 

문제

 

그러니까 저 tindog 의 글자 크기를 키우고 싶었다. 

 

tindog 사이트 제작 중...

그리고 css 코드는 아래와 같음.

/* title */
#title{
    background-color: #ff468c;
}
nav{
    font-family: 'Ubuntu';
    color: white;
}
.navbar-brand{
    font-size: 2rem;
}

 

아이디는 자주 쓰지 않는 게 좋을 것 같아서 (일단 제시된거니까 어쩔수없이 씀)

.navbar-brand 만을 찝어서 폰트 사이즈를 정하려고 했더니, 안 커짐.

 

 

해결

 

 

해결된 코드는

id 안에 있는 클래스라면 id와 class를 둘다 명시해줘야 효과가 적용된다.

아니 대체 이건, bootstrap 적용 수준을 벗어난 css아닌가요?

항상 느끼지만 누가 css 쉽다고 했는지. ㅠㅠㅠ. 

 

#title .navbar-brand

 

 

 

해결! 만세!!

똑같은걸 다시 하다 보니

처음에 됐던 건 안되고, 오류 안났던곳에서 오류나고. 

환장 파티~

하지만 몇번이고 다시 해보고

새로 깔아서 다시 해보니 또 이렇게 줏어 간다!

^0^...