modal 에 관한 질문입니다.
348
작성한 질문수 6
강의에서는 modal를 만들때, ui.css랑 ui.page를 분리해서 html에 넣는방식을 사용했는데, 저는 css하나로 만들고있었습니다. 근데 modal를 display : flex / none을 동시에 하는 상황이 발생하게되어 작동되지않았는데 css파일을 분리하지않고 css하나로 만들경우엔 modal을 어떻게 처리해야할까요?..
답변 3
1
CSS 파일이 한개든 여러개든,
결국 하나의 페이지에 쓰이게 되면 CSS 선택자 우선순위가 적용이 되는데요,
같은 우선순위를 갖는 선택자의 경우 먼저 선언된 것을 나중에 선언된 것이 덮어쓰게 됩니다.
확실하게 우선권을 가지게 하시려면, 선택자의 선언 자체를 더 구체적으로 명시해주시면 됩니다^^
.modal{}
.modal.active {}
이런 식으로요~ 이렇게 해주시면 순서에 관계 없이, 더 구체적으로 기술된 .modal.active가 우선권을 갖게 됩니다.
CSS선택자 우선순위에 대해 생활코딩에 아주 자세히 기술되어 있는 문서가 있어서,
링크 올려드릴게요!
가로스크롤 과 margin: 0 -1rem 질문 있습니다
0
119
1
수업자료 다운로드
0
122
1
VS코드에 클래스 이름만 넣으셨는데 선생님이 뭘 누르면 바로 태그로 변하던데...
1
138
1
css grid repeat() 에서 autofit 사용시
0
183
1
menu 아이템 반응형 변경
0
102
1
질문은 아니고.. 오타 발견..
0
121
1
웹에서 위치?값
0
212
1
px, em ,rem을 어떻게 감각적으로 쓸 수 있을까요?
0
510
2
강의에 나오는 html 자동으로 만들어주는 편집기에 대해 알 수 있을까요?
0
309
1
flex-basis auto, 0 차이
0
710
2
padding 대신 gap을 쓰는게 더 편하지 않나요?
2
607
1
animation forwards 관련 질문
0
489
2
auto-fill, auto-fill이 적용되지 않는것 에 대해 질문드립니다.
0
560
1
flex-grow IE 질문드립니다.
0
625
2
Flex-grow가 적용되는 영역에 대해 질문드립니다.
0
437
1
Grid 수직정렬 문의
0
1076
1
card__item에 display:flex를 했을 때..
0
512
1
11vmin
0
417
1
header class 안에 div와 h2
0
576
1
grid 반응형 페이지 step1 질문있습니다~
0
282
1
반응형 페이지 step4 order
0
356
1
미디어쿼리 사이즈
1
286
1
figure + div
0
300
1
CSS Grid를 통한 정렬의 장점
0
247
1