Latest web development tutorials

CSS 및 중첩 그룹

선택기를 그룹화

스타일 시트에서 같은 스타일을 가지고 많은 요소가 있습니다.

H1
{
색상 : 녹색;
}
H2
{
색상 : 녹색;
}
피
{
색상 : 녹색;
}

코드를 최소화하기 위해 패킷 선택기를 사용할 수 있습니다.

각각의 선택은 쉼표를 사용합니다.

다음 예에서, 우리는 그룹화 선택기 위의 코드를 사용 :

예

h1,h2,p
{
color:green;
}

»시도

중첩 된 선택기

이 선택기 인테리어 스타일을 선택 적용 할 수 있습니다.

다음 예에서, 세 가지 스타일의 세트 :

  • 모든 페이지 요소에 대한 스타일을 지정
  • = "표시된"요소는 모든 클래스에 대한 스타일을 지정
  • 요소 내에 = "표시된"P 요소는 모든 클래스에 대한 스타일을 지정합니다

예

피
{
색상 : 블루;
텍스트 정렬 : 센터;
}
.marked
{
배경 색상 : 빨강;
}
.marked 페이지
{
색상 : 흰색;
}

»시도