페이지에서 모든 HTML 요소 태그를 선택하고 CSS 스타일을 적용하는 방법은 무엇입니까?
2192 단어 css
페이지에서 모든 HTML 요소 태그를 선택하려면
*
(별표) 문자 또는 CSS에서 와일드카드 문자라고 하는 문자를 사용하고 해당 CSS 블록에 필요한 스타일을 추가할 수 있습니다.예를 들어, 다음과 같이
div
및 p
태그 안에 래핑된 article
, body
및 html
태그와 같은 일부 html 요소가 있다고 가정해 보겠습니다.<!-- Some random HTML element tags -->
<html>
<body>
<div>I'm a div</div>
<p>I'm a paragraph</p>
<article>I'm an article</article>
</body>
</html>
이제 이러한 모든 요소에 색상이
1px
인 black
테두리가 있기를 원한다고 가정해 보겠습니다. 이를 달성하기 위해 CSS 스타일시트에서 *
(별표) 문자를 사용하고 이와 같이 필요한 스타일을 추가할 수 있습니다./* Apply styles to every HTML element tags */
* {
border: 1px solid black;
}
다음과 같이 보일 것입니다.
위 출력에서
div
, p
및 article
HTML 요소에 테두리가 있을 뿐만 아니라 html
및 body
태그도 있음을 알 수 있습니다.*
별표 문자는 CSS 스타일시트에서 일반적으로 사용되어 모든 HTML 요소 태그에서 공통 스타일을 설정합니다. JSBin에 있는 위의 코드를 참조하십시오.
그게 다야 😃!
이 정보가 유용하다고 생각되면 자유롭게 공유하세요 😃.
Reference
이 문제에 관하여(페이지에서 모든 HTML 요소 태그를 선택하고 CSS 스타일을 적용하는 방법은 무엇입니까?), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://dev.to/melvin2016/how-to-select-all-the-html-element-tags-on-a-page-and-apply-css-styles-to-it-3ak텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)