무엇이 별표(*)에서 CSS 선택?

StackOverflow https://stackoverflow.com/questions/1204275

  •  05-07-2019
  •  | 
  •  

문제

이 CSS 코드고 나는 그것을 실행하는 그것이 무엇을 볼 수 있습니다리고 그것을 명시된 모든 요소에 페이지

할 수 있는 누군가가 무엇인지 설명 별표*에서 CSS?

<style>
* { outline: 2px dotted red }
* * { outline: 2px dotted green }
* * * { outline: 2px dotted orange }
* * * * { outline: 2px dotted blue }
* * * * * { outline: 1px solid red }
* * * * * * { outline: 1px solid green }
* * * * * * * { outline: 1px solid orange }
* * * * * * * * { outline: 1px solid blue }
</style>
도움이 되었습니까?

해결책

그것은 와일드카드,이것은 의미합니다를 선택합 내의 모든 요소는 일부의 이용하실 수 있습니다.

예를 들어,내가 원하는 경우 적용 마진 모든 요소에 내 전체 페이지 당신이 사용할 수 있습니다:

* {
    margin: 10px;
}

사용할 수도 있습니다 이에 하위 선택,예를 들어 다음과 같은 추가하는 것이익률 모든 요소에 단락 태그:

p * {
    margin: 10px;
}

귀하의 예는 일부 css 속임수를 적용하는 연속적 테두리 및 여백하는 요소를 그들에게 여러 색깔의 테두리입니다.예를 들어,흰색 테두리에 둘러싸여 있 검은색 테두리입니다.

다른 팁

CSS 참조하는 것이 매우 유용하는 웹 디자이너 디버깅을 위해 페이지 레이아웃 문제입니다.저는 종종 드 페이지로 일시적으로 볼 수 있도록 나 크기의 모든 페이지를 요소 및 추적,예를 들어,하는 것은 너무 많은 패딩은 이끌어 다른 요소의 장소입니다.

릭 수행할 수 있습으로 첫 번째 라인,하지만 장점을 정의하는 여러 개략을 얻을 것입니다 당신이 시각적 단서를 통해 국경을 컬러 계층의 중첩된 페이지를 요소입니다.

*이 와일드 카드가 있습니다.그것은 무엇을 의미하는 책임은 사용자 본인에게 있다는 스타일을 HTML 요소입니다.추가*'s 스타일을 적용하고 해당되는 수준의 중첩이 있습니다.

이 선택이 적용됩니다른 착색된 설명하의 모든 요소가 페이지에 따라 요소들의 중첩 수준입니다.

* 행 와일드카드로처럼에서 가장 기타 인스턴스가 있습니다.

당신이 경우:

*{
  margin: 0px;
  padding: 0px;
  border: 1px solid red;
}

다음 모든 HTML 요소를 사용할 수 있도록 합니다 스타일입니다.

에서 당신의 스타일 시트,보통를 정의해야 할 기본적인 규칙에 대한 모든 요소와 같은 글꼴 크기의 특성 및 한계.{font-size:14px;margin:0;padding:0;} / 재정 브라우저의 기본 설정은 요소에,모든 텍스트 글꼴 크기로 렌더링할 14 픽셀 크기로 여백과 패딩은 포함하여,h1,...pre.*/

라이센스 : CC-BY-SA ~와 함께 속성
제휴하지 않습니다 StackOverflow
scroll top