개발-문제해결/HTML (2) 썸네일형 리스트형 CSS selector 응용 - :not(), :last-child 간혹 퍼블리싱 작업할 때 다음과 같은 상황이 자주 발생한다. * HTML 메뉴1 메뉴2 메뉴3 메뉴4 메뉴5 메뉴6 * CSS li { margin-bottom: 1em; } li:last-child { margin-bottom: 0; } 대충 어떤상황인지 경험해본사람들은 알겠지만, li요소에 margin-bottom을 1em씩 주지만 마지막 li엔 margin-bottom을 적용하지 않게 해주는 상황이다. 임시로 만든 상황이라 margin-bottom이 사용되었지만 비슷한 경우가 많을것이다. 이때 :not()을 사용하면 조금이지만 코드를 줄일 수 있다. * CSS li:not(:last-child) { margin-bottom: 1em; } [html] textarea 에 맞춤법 표시 없애기 문제 textarea를 사용하다 보면 위의 이미지처럼 빨간 점선으로 맞춤법 검사 표시가 나타난다. 아무래도 맞춤법을 교정해주는 서비스가 아니다 보니 불필요하고 보기에도 안좋아서 빨간 점선을 없앨 방법을 알고싶었다. 해결 textarea 의 spellcheck 속성을 꺼주면 된다. 이전 1 다음