#css-selector { /* id 속성 값으로 선택하기: #아이디값 선택자 */
    background-color: yellowgreen;
}
<p>문단 요소입니다.</p>
<p id="css-selector">문단 요소입니다.</p>
<p>문단 요소입니다.</p>
<p>문단 요소입니다.</p>
실제 적용된 모습
<p id="txt">환영합니다.</p>
<button type="button" id="btn">클릭해서 텍스트 바꾸기</button>

<script>
    const txt = document.getElementById("txt"); // id="txt" 식별
    const btn = document.getElementById("btn"); // id="btn" 식별

    btn.addEventListener("click", () => {
        txt.innerHTML = "반갑습니다.";
    });
</script>
실제 적용된 모습 버튼을 클릭해 보세요!
URL의 프래그먼트(hash URL이라고도 함)
<p>문단 요소입니다.</p>
<p id="css-selector">문단 요소입니다.</p>
<p id="css-selector">문단 요소입니다.</p> <!-- 중복 -->
<p>문단 요소입니다.</p>