하위 엘리먼트 존재 유무 체크 css
하위 엘리먼트가 있는지 없는 체크할 경우가 있다. 물론 js 로 체크하는게 보통이지만.... 예를 들어 마크업과 JS수정없이 아코디언 메뉴에 이미지를 추가한다고 치자. 아코디언메뉴에서 열리고 닫히는 모습을 알기 쉽게 맨 우측에 화살표를 넣어야 하는데 하위메뉴가 없을 때는 화살표가 나오지 말아야한다. 이럴때 정말이지 난감하다. JS코드를 안건드리고 어케!!!!!!!!!!! 특히나 JS를 만질 권한이 없다라던지 JS에서 변경하면 큰일이 난다라는..... 게다가 개발팀과 분리되어 웹퍼블리싱만 한다면 더욱이 힘들 것이다. 그럼 기존 마크업과 JS수정없이 CSS 만으로 체크할 수 있을까 ? 바로 :only-child 라는 선택자를 사용할 수 있다. :only-child 선택자 - 부모 엘리먼트내에서 자신이 유일한..
Programming language/HTML & CSS
2018. 11. 23. 20:11
250x250
공지사항
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
링크
TAG
- 코도바
- 반복문
- react
- JsDoc
- react-router-dom
- svg모션
- git
- 아이콘 폰트 만들기
- for of 구문
- Intrinsic
- anime.js
- Angular
- icon font
- Vue3
- 태그
- IntrinsicElements
- interceptors
- 리프래시토큰
- 앵귤러
- 내장요소
- CSS
- RefreshToken
- Aptana
- cordova
- svg icon font
- vue-router
- React.StrictMode
- svg 폰트
- git checkout -b
- 자바스크립트
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | ||||
4 | 5 | 6 | 7 | 8 | 9 | 10 |
11 | 12 | 13 | 14 | 15 | 16 | 17 |
18 | 19 | 20 | 21 | 22 | 23 | 24 |
25 | 26 | 27 | 28 | 29 | 30 |
글 보관함