반응형 디자인과 미디어 쿼리 소개
강의
소스코드
미디어 쿼리를 이용해서 반응형 디자인 구현하기
강의
소스코드
멋쟁이 사자처럼 at 한국교통대학교 7기
2019 KNUT X LIKE LION #7
댓글
-
2024-05-06 완료! -
2024-05-05 완료
-
20240308
-
2024.2.12
-
2024.02.02 완료
-
시작
-
240116
-
CSS에서 일반 선택자(예: ol)와 ID 선택자(예: #grid ol)가 동일한 요소를 대상으로 하는 경우, 더 구체적인 선택자가 우선권을 갖습니다. 여러분의 경우, #grid ol이 ol보다 구체적이므로 #grid ol에 정의된 스타일이 일반적인 ol 선택자에 정의된 스타일보다 우선적으로 적용됩니다.
제공된 코드에서 미디어 쿼리 내부의 #grid ol 선택자는 화면 너비가 800픽셀 이하일 때 #grid div 내부의 <ol> 요소에 적용됩니다. 이는 #grid ol 선택자가 일반적인 ol 선택자보다 구체적이기 때문입니다.
따라서 답변을 하자면: 네, 이 경우에는 ID 선택자(#grid ol)를 사용하여 더 높은 구체성을 부여하므로 미디어 쿼리 내에서 #grid ol에 대한 정의된 스타일이 일반적인 ol 선택자에 대한 스타일보다 우선적으로 적용됩니다.
ChatGPT 3.5 의 답변입니다. -
css에 #grid ol 선택자 ol선택자가 둘다 있으면 ol선택자에 있는 속성도 미디어 쿼리에 #grid ol 선택자를 써야 적용되네요 같은 태그니까 우선권이 있는 id 선택자를 쓰면 되는 걸까요?
-
Css에 #grid ol 이라고 쓴 경우 @media 안에도 #grid ol 이라고 써야 되는것 같네요 그냥 ol이라고만 쓰면 안되나봐요
-
2023.11.12 완료
-
231031
-
231001완
-
23.08.13
-
23.07.08 완료 -
23.06.18. -
23.05.26 -
23.05.16
-
23.05.05 check.
-
23.03.08
-
2023.03.08
-
23.03.01
-
23.02.23
-
2/7
-
2023. 02. 01 완료
-
2023.01.19 -
2022.12.21
-
저는 왜 안될까요.. 코드를 진짜 똑같이 썼는데, 줄어든다고 사라지진 않습니다. 800보다 줄어들어도 글자가 사라지지 않아요. 크롬을 쓰고 있는데, 혹시 어떤게 문제일까요..?
-
10182022 -
할수있다
-
221010
-
221006
-
2022.09.29
-
2022.09.27
-
22.09.24 -
2022.09.09 -
220907 오늘은 여기까지 -
수강완료
-
2022.09.04 수강완료
-
2022.08.30
-
8/27
-
2022년 8월 19일 수강 완료했습니다. 감사드립니다!
-
08/21 -
08/20
-
미디어 쿼리를 조건문처럼 사용해서 웹 페이지의 너비에 따라 인터페이스를 바뀌게 하자. 이것을 사용하면 세로 친화적인 디자인과 가로 친화적인 디자인을 함께 사용할 수 있다.
-
22.08.17
-
22.08.11
-
220810 완료 -
22.8.8.
-
2022-08-05
