최근에 나는 우연히 * *에 CSS .
사이트 참조- 사이트 링크 .
*CSS 스타일 시트 의 단일 사용에 대해 Internet 및 Stack Overflow는 예제로 가득 차 있지만 * *CSS에서 두 개의 기호를 사용하는 것에 대해 확신하지 못합니다 .
나는 그것을 검색했지만 단일 *요소가 모든 요소를 선택하기 때문에 이것에 대한 관련 정보를 찾을 수 없었지만 사이트에서 두 번 사용한 이유를 모르겠습니다. 이것에 대해 빠진 부분은 무엇이며 왜이 핵이 사용됩니까 (해킹 인 경우)?
답변
다른 때와 마찬가지로 두 개의 선택기를 차례로 배치하면 (예 li a🙂 하위 조합 자를 얻습니다. * *다른 요소의 하위 요소 인 요소, 즉 전체 문서의 루트 요소 가 아닌 요소도 마찬가지 입니다 .
답변
약간의 큰 예 :
귀하의 사이트에 다음을 추가하십시오.
* { 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; }데모 : http://jsfiddle.net/l2aelba/sFSad/
예 2 :
답변
* *최상위 요소를 제외한 모든 항목 (예 : html.
답변
* 모든 요소에 주어진 스타일을 적용하는 것을 의미합니다.
* *모든 요소의 자식 요소에 주어진 스타일을 적용하는 것을 의미합니다. 예:
body > * {
margin: 0;
}이것은 body의 모든 자식 요소에 여백 스타일을 적용합니다. 같은 길,
* * {
margin: 0;
}적용 margin: 0에 *의 자식 요소. 즉, margin: 0거의 모든 요소에 적용됩니다 .
일반적으로 하나 *이면 충분합니다. 두 가지 필요가 없습니다 * *.
답변
이는 요소 내부 어딘가에 중첩 된 div a모든 <a>요소를 선택 하는 것과 거의 같은 방식으로 다른 요소 내에 중첩 된 모든 요소를 선택합니다 <div>.
답변
