* {
    color: #222222;
}
<style>
    * {
        border: 1px solid red;
        padding: 10px;
    }
    p::before {
        content: "문단의 ::before ";
        font-weight: 600;
        color: blue;
        background-color: gold;
    }
</style>

<div>
    <p>문단 요소입니다.</p>
    <p>문단의 <span>span</span> 요소입니다.</p> 
</div>
실제 적용된 모습
section * { /* section 요소의 모든 자손 요소를 선택 */
    background-color: gold;
}
<section>
    <h3>section의 제목</h3>
    <p>section의 내용입니다.</p>
</section>
실제 적용된 모습
/* 브라우저가 기본으로 가지고 있는 기본 스타일을 제거 */
* {
    padding: 0;
    margin: 0;
}

/* 커스텀으로 스타일하기 */
p {
    margin-top: 0.5em;
    margin-bottom: 1em;
}
button {
    padding: 0.5em 1.5em;
}