<style type="text/css">

        div.question-box {

            margin: 10px 0 20px 0;

        }

이렇게 쓰여 있는데요, 실제 class가 지정된 바디 부분은 아래와 같아요(일부만 가져옴)

<div class="question-box">

        <h2>2. 서울시 OpenAPI(실시간 따릉이 현황)를 이용하기</h2>

        <p>모든 위치의 따릉이 현황을 보여주세요</p>

        <p>업데이트 버튼을 누를 때마다 지웠다 새로 씌여져야 합니다.</p>

        <button onclick="q1()">업데이트</button>

        <table>

            <thead>

                <tr>

                    <td>거치대 위치</

그렇다면 그냥 question-box 만 지정하면 될 것 같은데, 왜 css 쓰는 곳에서는 div.question-box 이렇게 앞에 div.를 다 찍어주나요?