HTML element의 id(혹은 class)에 점(.)period 가 잇을때 css Selector 선택자

아 나름 또 트래픽 신경쓴다고 사람들 많이오게 영어섞어쓰려니까 제목이 더러워지네

아무튼 css Selector가 무식한건지 포괄한건지 모르겠지만

Selector에서 .을 찍으면 무조건 class selector로 인식한다.

무려 #으로 시작해서 지금 id selector중인데도 말이다.

그렇다고 double quote로 감싸는것같은건 허용도안한다 내가보기엔 double quote solution이 가장 common한것같은데

아무튼 css 해석기 interpreter가 .을 하나의 문자로 인식하도록 \ 하나 붙혀주면 되겟다.

예시는 다음과 같다.

<div id="hello.world">hello.world</div>

#hello.world
{
/* 이렇게 하면 id가 hello이고 class가 world인걸 찾는다 */
color: blue;
}
#hello\.world
{
/*backslash 를 사용하자*/
color: red;
}