W3C CSS 검사 결과 http://palmsgoldcasino.co.uk/bonus/ (CSS 레벨 2.1)

검사 결과, 다음과 같은 오류들이 발견되었습니다 (63)

URI : https://palmsgoldcasino.co.uk/bonus/

19 알 수 없는 비정규 요소 또는 비정규 클래스 :root
20 해석 오류 --theme-color: #f0c040;
21 해석 오류 --base-color: #f0c040;
22 해석 오류 --header-color: #0b0d1a;
23 해석 오류 --banner-color: #0b0d1a;
24 해석 오류 --box-bg: #521848;
25 해석 오류 --body-color: #0b0d1a;
26 해석 오류 --section-bg: #231d70;
27 해석 오류 --white-color: #FFF;
28 해석 오류 --black-theme: #000000;
29 해석 오류 --black-color: #000000;
30 해석 오류 --calender: #191D23;
31 해석 오류 --ratting-color: #f0c040;
32 해석 오류 --pragraph-color: #ffffff;
33 해석 오류 --border: #f0c040;
34 해석 오류 --border-two: #f0c040;
35 해석 오류 --cate-border: #E1CFB7;
36 해석 오류 --placehol: #b0bcde;
37 해석 오류 --modal-bg: #55184B;
38 해석 오류 --reg-btn: #f0c040;
39 해석 오류 --login-btn: #2b2f4a;
40 해석 오류 --game-btn: #f0c040;
41 해석 오류 --css-h-menu-link: #ffffff;
42 해석 오류 --css-btn-hover: #FFF;
43 해석 오류 --css-h-menu-link-hover: #f0c040;
44 해석 오류 --css-h-color: #ffffff;
45 해석 오류 --css-footer-text: #ffffff;
46 해석 오류 --css-reg-btn-text-color: #000000;
47 해석 오류 --css-reg-btn-hover-background-color: #d4a927;
48 해석 오류 --css-reg-btn-hover-text-color: #000000;
49 해석 오류 --css-login-btn-text-color: #ffffff;
50 해석 오류 --css-login-btn-hover-background-color: #3d4265;
51 해석 오류 --css-login-btn-hover-text-color: #ffffff;
52 해석 오류 --css-game-btn-text-color: #000000;
53 해석 오류 --css-game-btn-hover-background-color: #d4a927;
54 해석 오류 --css-game-btn-hover-text-color: #000000;
55 해석 오류 }
57 .cmn--btn 속성 border-radius는 CSS 레벨 2.1에 존재하지 않지만 [css3]에는 존재합니다 : 4px 4px
58 .cmn--btn2 속성 border-radius는 CSS 레벨 2.1에 존재하지 않지만 [css3]에는 존재합니다 : 4px 4px
61 .bonus 잘못 된 값 : display flex 는 올바른 display 값이 아닙니다 : flex flex
63 .bonus 속성 justify-content는 존재하지 않는 속성입니다 : center center
67 .bonus_content 잘못 된 값 : border 해석 오류 --theme-color)
68 .bonus_content 속성 border-radius는 CSS 레벨 2.1에 존재하지 않지만 [css3]에는 존재합니다 : 10px 10px
139 속성 animation-delay는 존재하지 않는 속성입니다 : 0.4s 0.4s
139 속성 animation-name는 존재하지 않는 속성입니다 : none none
142 속성 animation-delay는 존재하지 않는 속성입니다 : 0.1s 0.1s
142 속성 animation-name는 존재하지 않는 속성입니다 : none none
157 속성 animation-delay는 존재하지 않는 속성입니다 : 0.3s 0.3s
157 속성 animation-name는 존재하지 않는 속성입니다 : none none
297 속성 animation-delay는 존재하지 않는 속성입니다 : 0.2s 0.2s
297 속성 animation-name는 존재하지 않는 속성입니다 : none none
302 속성 animation-delay는 존재하지 않는 속성입니다 : 0.2s 0.2s
302 속성 animation-name는 존재하지 않는 속성입니다 : none none
308 속성 animation-delay는 존재하지 않는 속성입니다 : 0.5s 0.5s
308 속성 animation-name는 존재하지 않는 속성입니다 : none none
314 속성 animation-delay는 존재하지 않는 속성입니다 : 0.7s 0.7s
314 속성 animation-name는 존재하지 않는 속성입니다 : none none
349 속성 animation-delay는 존재하지 않는 속성입니다 : 0.2s 0.2s
349 속성 animation-name는 존재하지 않는 속성입니다 : none none
392 속성 animation-delay는 존재하지 않는 속성입니다 : 0.5s 0.5s
392 속성 animation-name는 존재하지 않는 속성입니다 : none none
420 속성 animation-delay는 존재하지 않는 속성입니다 : 0.5s 0.5s
420 속성 animation-name는 존재하지 않는 속성입니다 : none none

↑ 최상위

올바른 CSS에 대한 정보

.bonus {
margin-bottom : 10px;
}
.bonus_content {
padding : 10px 20px;
}
.bonus_title {
margin : 0 0 10px;
font-size : 25px;
font-weight : bold;
}

↑ 최상위