태그선택자로 css 속성설정할때

Question

태그 선택자로 css 속성을 설정할때

ul-li 태그에서

ul에 속성을 설정하나요 li에 설정해야하는건가요?

각각 설정이 되있는경우 원칙같은게 있는건가요? (각각 설정한이유?)

ul, li에 어떤 css 속성을 설정 해줘야하는건지 잘 모르겠어요~!

Answer 1

어떤 작업을 하느냐에 따라 정해지지 않을까요?

일테면 다음과 같은 일반적인 경우입니다.

• ul은 기본적으로 상하 마진을 가지고 있으므로 그 값을 없애고 싶을 때
  • ul { margin: 0; }
• ul은 기본적으로 왼쪽에 여백을 가지고 있으므로 그 값을 없애고 싶을 때
  • ul { padding-left: 0; }
• ul은 기본적으로 블릿을 가지고 있으므로 제거하고 싶을 때
  • ul { list-style: none; }
• 특정 li만 블릿을 제거하고 싶을 때
  • li { list-style: none; }

 

ul은 li를 담고 있는 부모 컨테이너입니다. 이 둘의 관계를 기반으로 디자인적으로 역할이 정해지면 그것에 따른 CSS 작업을 해주면 됩니다.