Using CSS: targeting multiple elements at once

내 CSS를 여기에서 보거나 내 디자인을보고 내 CSS를보고, 당신은 내 h1이 흰색이지만 h2와 h3가 하얗지 않다는 것을 알 수 있습니다 그래서, 아마도 h2와 h3도 흰색으로 만들고 싶습니다

이처럼 h2를 입력하고 색상을 지정하기 만하면됩니다 흰색 하지만 이들이 실제로 h1과 정확히 동일하기 때문에, 그렇게하는 것은 불필요한 일입니다 그래서, 여기 h1에서 쉼표를 붙이고 h2를 쓰면됩니다 이제는 내 웹 사이트와 모든 웹 사이트 모두 이러한 속성을 적용합니다

그래서 당신은 그렇게 볼 수 있습니다 나는 h3를 위해 똑같은 일을 할 수있다 나는 또 다른 콤마를 넣고 h3을 쓴다 이제 모든 h3s, 2s 및 1s는 모두 같은 스타일을 갖게됩니다 그러나 어쩌면 무엇인가의 이유로, 나는 그들과 다른 것을 원합니다

그래서, 나는 색깔을 흰색으로 원한다 어쩌면 지금 h2s, 나는 짙은 녹색 배경색을 대신 가지고 싶습니다 그래서 여기에 들어가서 이처럼 h2를 다시 입력하고 다른 배경색을 지정할 수 있습니다 자, 짙은 녹색을 가정 해 봅시다 나는 새로 고침을 할 것이고, 이제 h2s가 짙은 녹색임을 알 수있을 것이다

하지만 색상을 덮어 쓸 수도 있습니다 그래서 여기에 다른 색깔을 넣을 수 있습니다 그리고 이제 당신이 볼 수 있습니다, 나는 색깔을 바꿨습니다 그래서,이 CSS 타겟, 또는 속성 세트는 h2를 대상으로하고 색상을 흰색으로 설정합니다 그리고 브라우저가 CSS 페이지를 읽으면이 h2에 도달합니다

그리고 그것은, 좋아, 이제 배경색을 녹색으로 변경하려고합니다 이제 저는 그 색을 다른 것으로 덮어 쓸 것입니다 C, CSS, CSS의 C는 계단식 연결을 의미합니다 이것이 의미하는 바는 브라우저가 CSS 파일을 따라 움직이는 것처럼, CSS를 적용하고 덮어 씁니다 그래서 우리는 여기서 CSS를 덮어 쓸 수 있습니다

여기에 새로운 CSS를 작성하여이 CSS를 덮어 쓸 수 있습니다 똑같은 것이 적용될 수 있습니다 단락을 다시 대상으로 지정하고 제공 할 수 있습니다 오렌지색의 배경색은 이제 오렌지색으로 보입니다 그래서,이 선은 그들을 노랗게 만들고 있습니다

그리고 저는 그것들을 다시 한번 목표로 삼고 있습니다 그들을 오렌지색으로 만든다 이제는이 시나리오에서는 불필요합니다 그러나 여기서 우리는 모든 사람들이 같은 종류의 유사한 특성을 지니지 만 그 중 하나는 약간 다릅니다