728x90 300x250 SMALL Front-end/CSS65 css 확장자로 요소 찾기 확장자로 요소를 찾을 때는 속성의 끝이름으로 찾아주면 된다. 예를 들어서 이미지 중 jpg만 찾아서 수정한다면 아래와 같이 작성할 수 있다. img[src$=".jpg"] { 수정할 내용 } 2022. 5. 23. css로 스크롤바 없애기 ::-webkit-scrollbar { display: none; } /* Chrome, Safari, Opera 스크롤바 숨기기 */ .example::-webkit-scrollbar { display: none; } /* IE, Edge 스크롤바 숨기기 */ .example { -ms-overflow-style: none; } overflow-y: hidden; /* 세로 스크롤바 숨기기*/ overflow-x: hidden; /* 가로 스크롤바 숨기기 */ 출처 : https://www.codegrepper.com/code-examples/css/how+to+remove+scrollbar+in+css 2022. 5. 19. css 변경 안됨 ( 명시도가 높은 규칙 재정의 하기) 만약 css를 분명히 정의를 했는데 변경이 안된다면 명시도가 높은 코드에 재정의가 제대로 되지 않아서 일 수도 있다. 명시도 높은 코드 재정의 방법 #someElement p { color: blue; } p.awesome { color: red; } 예를 들어 위의 코드를 실행해 보면 #someElement 안에 있는 p.awesome 태그라면 빨간색 color 값은 실행되지 않는다. id + 태그 조합의 위 쪽 코드가 명시도가 더 높기 때문이다. 이럴 경우 #someElement 안에 있더라도 p.awsome의 css를 재정의 할 방법은 없을까? 명시도가 높은 규칙 재정의 하기 1) !important 사용하기 p.awesome { color: red !important; } !important를 사.. 2022. 5. 5. css in-range, out-of-range :in-range 입력 요소의 value 값이 min과 max 속성 설정 범위 안에 있는 경우 선택자로 사용 된다. :out-of-range :in-range와 반대개념 value 값이 min과 max 속성 설정 범위에 속하지 않는 경우 선택자로 사용 된다. See the Pen in-range by kim oya (@ttuttu) on CodePen. 참고 : http://www.devdic.com/css/refer/cssselector/css-selector:737/:in-range 2022. 5. 4. 이전 1 2 3 4 5 6 7 ··· 17 다음 728x90 반응형 LIST