위와 같은 부분이 있는데요 (위는 layout.html, 아래는 layout.css 중 일부입니다)
(참고로 지금 이게 현재 적용중인 코드입니다. 당연히 아무 문제 없이 잘 나옵니다.)
보시면 거의 같은게 두개 중복돼서 이걸 한꺼번에 처리하려고
img class="warning left", img class="warning right" 와 같이 입력하고
#ft .warning{height:90px;position:absolute;bottom:10px}
#ft .warning .right{right:10px}
#ft .warning .left{left:10px}
이렇게 입력했는데, 맨 위의 #ft .warning{height:90px;position:absolute;bottom:10px} 만 적용되고 아래 두개는 안되더군요
입력값이 문제인가 해서 여러모로 바꿔봤는데 여전히 개발자도구로 확인해봐도 #ft .warning 까지만 나오고 밑의 left나 right는 안되더군요
하다하다 도저히 안돼서 img id="warning" class="left" 와 같이 입력하고
#warning{height:90px;position:absolute;bottom:10px}
#warning .right{right:10px}
#warning .left{left:10px}
뭐 이런 식으로 해도 여전히 left나 right 클래스는 적용이 안 되더군요
img 태그에 속성을 직접 준게 문제인가 해서 div로 감싸 봐도 안되고...
뭐가 문제인가요?
클래스 사이에 띄어쓰기 한칸 넣고해보세요