선택기 그룹화

원본을 기준으로 다음 html 파일의 파일을 동일한 색상으로 설정하려고 합니다. html:

<h1>php中文网</h1>
<h2>php中文网</h2>
<h3>php中文网</h3>
<h4>php中文网</h4>

css:

h1{
  color: cadetblue;
}
h2{
    color: cadetblue;
}
h3{
    color: cadetblue;
}
h4{
    color: cadetblue;
}

이것은 다음과 같습니다. 아래 모습 렌더링:

그러나 우리는 일반적으로 CSS를 다음과 같이 작성합니다:

h1,h2,h3,h4{
  color: cadetblue;
}

효과는 동일하며 전혀 변화가 없습니다. :

이것을 선택기 그룹화라고 합니다. 이전과 동일한 효과를 얻으려면 다음에 추가해야 할 지식이 있습니다. , 또 다른 방법은 와일드카드를 사용하는 것입니다.

*{  color: cadetblue;
}

이런 식으로 특정 요소에 대한 설정이 없으면 아래의 일부 학생들은 모두가 되는 것을 원하지 않으면 질문을 할 것입니다. 마찬가지로 일부는 다른 설정을 사용합니다.

이 문제를 해결하려면 마지막 제목을 검은색과 회색으로 표시하려면 그 뒤에 다음 문장을 추가하면 됩니다.

h4{    color: darkslategray;
}

이 경우 다음과 같은 효과를 볼 수 있습니다.

그러나 일반적으로 와일드카드를 사용할 때는 전체 페이지의 여백과 여백을 설정합니다. . 이렇게