HTML & CSS
-
[CSS] 스크롤바 없애기HTML & CSS 2023. 2. 23. 09:52
Scroll bar CSS # HTML 스크롤 Content 1 Content 2 Content 3 Content 4 Content 5 Content 6 Content 7 Content 8 Content 9 Content 10 # CSS # 영역::-webkit-scrollbar -> 스크롤바 영역에 대한 설정으로 display:none속성으로 스크롤바를 없앨 수 있음. /* ( 크롬, 사파리, 오페라, 엣지 ) 동작 */ .scroll::-webkit-scrollbar { display: none; } # 익스플로러, 파이어폭스는 -webkit-scrollbar코드로 동작이 되지 않으며, 스크롤바를 숨기기 위해서는 다음과 같은 코드를 작성해야한다. .scroll { -ms-overflow-style: ..
-
[CSS] 첫번째요소, 마지막요소 제외HTML & CSS 2022. 8. 31. 14:54
CSS 첫번째 자식요소 or 마지막 자식요소 E:not(S) - S가 아닌 E요소를 선택 E:first-of-type - E요소 중 첫번째 E를 선택 E:last-of-type - E요소 중 마지막 E를 선택 // 첫번째요소 제외하고 적용 ul li:not(:first-of-type) { color: red; } // 마지막요소 제외하고 적용 item-content:not(:last-of-type){ border-bottom: 1px solid #ddd; }