.fixedBtn_wrap .btn_gotoTop {
display: flex;
align-items: center;
justify-content: center;
position: relative;
right: 0;
width: 48px;
height: 48px;
background-color: #fff;
border: 1px solid #000;
box-shadow: 1px 3px 6px 0 rgb(0 0 0 / 30%);
border-radius: 50%;
}
문제사항 : 위와같이 적용했는데 적용이 안됬었습니다.
분명 해당js는 1개밖에 없고(여기서는 Video.js파일) 이사진과 같이 되있어서 적용했었는데 안되어서
.fixedBtn_wrap_topBtn .btn_gotoTop {
display: flex;
align-items: center;
justify-content: center;
position: relative;
right: 0;
width: 48px;
height: 48px;
background-color: #fff;
border: 1px solid #000;
box-shadow: 1px 3px 6px 0 rgb(0 0 0 / 30%);
border-radius: 50%;
}
이렇게 선택자를 다 선택해놓으니까 적용안됬던게 적용이 되었습니다.
'Front-End > React' 카테고리의 다른 글
| [React] 오류 - 스크롤로 인한 밑에카드 arrow 버튼이 안먹힐때 해결방법 (0) | 2023.01.18 |
|---|---|
| [React] 스크롤시 헤더모양과 헤더배경변경 (2) | 2023.01.18 |
| [React] 스크롤 작동시 애니메이션 구현하기 (0) | 2023.01.13 |
| [React] props / 비구조화 할당 (0) | 2023.01.13 |
| [React] useState 연습하기 좋은 예제 (0) | 2023.01.13 |