커뮤니티
포인트
쿠폰
내 강의실
국비 신청 내역
증명서
계정
로그아웃
학습 질문
개발 일지
나의 활동
답변 완료
3주차 숙제 관련 질문
[왕초보] 코딩이 처음이어도 쉽게 배우는 웹개발 A to Z v0
3주차
북마크
김*영
댓글
3
추천
0
조회수
11
조회수
11
답변 완료

3주차 숙제 코드에 대해 질문이 있어요..!

<jumbotron <h1> 태그안에 'Blank Han Sans' 폰트 스타일을 적용해 주세요.>라는 부분에서

header 안에 있는 <h1> 태그가 한 개이기 때문에 <style>에

.header > h1 {
            font-family: "Black Han Sans"
}


이런식으로 적용하고 싶은데 안돼요..

.header > h1은 안되고 그냥 h1으로 적으면 폰트가 적용되는데 왜 그런건가요..?!




header 내용

    <!-- 점보 트론 적용 jumbotron -->
    <div class="header">
        <div class="p-5 mb-4 bg-body-tertiary rounded-3">
            <div class="header_container">
                <h1 class="display-5 fw-bold">스파르타 푸드파이터</h1>
                <p class="col-md-8 fs-4">본인만의 맛집을 소개하는 사이트입니다.<br>맛집을 소개해 주세요!</p>
            </div>
            <!-- 부트스트랩 인풋 박스 적용-->
            <div class="post" id="input-card">
                <div class="form-floating mb-3">
                    <input type="email" class="form-control" id="floatingInput" placeholder="name@example.com">
                    <label for="floatingInput">음식 이미지 주소</label>
                </div>
                <div class="form-floating mb-3">
                    <input type="text" class="form-control" id="foodTitle" placeholder="영화 제목">
                    <label for="foodTitle">음식명</label>
                </div>
                <div class="input-group mb-3">
                    <button class="btn btn-outline-secondary" type="button">별점</button>
                    <select class="form-select" id="inputGroupSelect03" aria-label="Example select with button addon">
                        <option selected>별점 선택</option>
                        <option value="1"></option>
                        <option value="2">⭐⭐</option>
                        <option value="3">⭐⭐⭐</option>
                        <option value="4">⭐⭐⭐⭐</option>
                        <option value="5">⭐⭐⭐⭐⭐</option>
                    </select>
                </div>
                <div class="form-floating">
                    <textarea class="form-control" placeholder="Leave a comment here" id="floatingTextarea"></textarea>
                    <label for="floatingTextarea">추천 이유</label>
                </div>
                <div class="button2">
                    <button type="button" class="btn btn-danger" id="addBtn"> 기록하기 </button>
                </div>
            </div>
        </div>
    </div>


취소
 공유
취소
댓글 0
댓글 알림
나의얼굴