프론트엔드/CSS

:not 선택자 알아보기: css의 :not 선택자는 이미 지정된 css 스타일에서 특정한 요소를 제외시킬 경우 사용합니다.일반적으로 선택자는 선택을 하지 않기 위해 사용하지만 이 경우는 선택을 하지 않기 위해서 사용합니다.선택할 요소:not(제외시킬 요소) {...} 사용방법은 원하는 태그를 넣어주면 된다. ex) button01 button02 button03// css.box_header:not(.change) { color: red;} 이런 경우 첫번째 만 바뀐다.주로 버튼 클릭할때 클래스를 add remove 하면서 아이콘을 바꿀때 쓰면 좋을 것 같다.
CSS.ver div안에 긴글을 쓸때 생략 부호를 표시해보자 01. 한줄라인 글자수 제한.txt_line { width:70px; padding:0 5px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }width: 요소의 너비를 70px로 설정합니다.padding: 요소의 안쪽 여백을 위아래로는 0, 좌우로는 5px로 설정합니다.overflow: 내용이 요소의 너비를 초과할 때의 처리 방법을 지정합니다. 여기서는 hidden으로 설정되어 넘치는 부분을 숨깁니다.text-overflow: 텍스트가 요소를 넘어갈 때 어떻게 처리할지를 지정합니다. 여기서는 ellipsis로 설정되어 넘칠 경우 말줄..
개발자_초링이
'프론트엔드/CSS' 카테고리의 글 목록