W3C CSS 검사 결과 http://www.youtube.com/shorts/ZHX1JZZjTaQ (CSS 레벨 2.1)

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

URI : https://www.youtube.com/shorts/ZHX1JZZjTaQ

22 body 속성 overflow-y는 CSS 레벨 2.1에 존재하지 않지만 [css3]에는 존재합니다 : scroll scroll
22 body.autoscroll 속성 overflow-y는 CSS 레벨 2.1에 존재하지 않지만 [css3]에는 존재합니다 : auto auto
22 body.no-y-scroll 속성 overflow-y는 CSS 레벨 2.1에 존재하지 않지만 [css3]에는 존재합니다 : hidden hidden
22 textarea 해석 오류 {--paper-input-container-input_-_white-space:pre-wrap}
22 ytd-masthead.shell 잘못 된 값 : display -ms-flex 는 올바른 display 값이 아닙니다 : -ms-flex -ms-flex
22 ytd-masthead.shell 잘못 된 값 : display -webkit-flex 는 올바른 display 값이 아닙니다 : -webkit-flex -webkit-flex
22 ytd-masthead.shell 잘못 된 값 : display -webkit-box 는 올바른 display 값이 아닙니다 : -webkit-box -webkit-box
22 ytd-masthead.shell 잘못 된 값 : display -moz-box 는 올바른 display 값이 아닙니다 : -moz-box -moz-box
22 ytd-masthead.shell 잘못 된 값 : display -ms-flexbox 는 올바른 display 값이 아닙니다 : -ms-flexbox -ms-flexbox
22 ytd-masthead.shell 잘못 된 값 : display flex 는 올바른 display 값이 아닙니다 : flex flex
22 ytd-masthead.shell 속성 align-items는 존재하지 않는 속성입니다 : center center
22 ytd-masthead.shell.full-window-mode 속성 opacity는 CSS 레벨 2.1에 존재하지 않지만 [css3]에는 존재합니다 : 0 0
22 ytd-masthead.shell.full-window-mode 해석 오류 - 5px))
22 ytd-masthead.shell.full-window-mode 해석 오류 - 5px))
22 알 수 없는 비정규 요소 또는 비정규 클래스 :last-child
22 ytd-masthead #masthead-logo 잘못 된 값 : display -ms-flex 는 올바른 display 값이 아닙니다 : -ms-flex -ms-flex
22 ytd-masthead #masthead-logo 잘못 된 값 : display -webkit-flex 는 올바른 display 값이 아닙니다 : -webkit-flex -webkit-flex
22 ytd-masthead #masthead-logo 잘못 된 값 : display -webkit-box 는 올바른 display 값이 아닙니다 : -webkit-box -webkit-box
22 ytd-masthead #masthead-logo 잘못 된 값 : display -moz-box 는 올바른 display 값이 아닙니다 : -moz-box -moz-box
22 ytd-masthead #masthead-logo 잘못 된 값 : display -ms-flexbox 는 올바른 display 값이 아닙니다 : -ms-flexbox -ms-flexbox
22 ytd-masthead #masthead-logo 잘못 된 값 : display flex 는 올바른 display 값이 아닙니다 : flex flex
22 ytd-masthead.shell #yt-logo-red-svg, ytd-masthead.shell #yt-logo-red-updated-svg, ytd-masthead.shell #yt-logo-svg, ytd-masthead.shell #yt-logo-updated-svg 속성 align-self는 존재하지 않는 속성입니다 : center center
22 ytd-masthead.shell svg 속성 box-sizing는 CSS 레벨 2.1에 존재하지 않지만 [css3]에는 존재합니다 : border-box border-box
22 ytd-masthead.shell svg 속성 fill는 존재하지 않는 속성입니다 : currentColor currentColor
22 ytd-masthead .yt-icons-ext 속성 fill는 존재하지 않는 속성입니다 : currentColor currentColor
22 ytd-masthead.shell.dark .yt-icons-ext ytd-masthead.shell.theater .yt-icons-ext 속성 fill는 존재하지 않는 속성입니다 : #fff #fff
22 해석 오류 (max-width:656px){ytd-masthead.shell>:first-child{padding-left:8px}ytd-masthead.shell>:last-child{padding-right:8px}ytd-masthead.shell svg{margin-right:0}ytd-masthead #masthead-logo{-ms-flex:1 1 0.000000001px;-webkit-flex:1;-webkit-box-flex:1;-moz-box-flex:1;flex:1;-webkit-flex-basis:0.000000001px;-ms-flex-preferred-size:0.000000001px;flex-basis:0.000000001px}ytd-masthead.shell #yt-logo-red-svg,ytd-masthead.shell #yt-logo-svg{margin-left:4px}}
22 해석 오류 (min-width:876px){ytd-masthead #masthead-logo{width:129px}}
22 #masthead-skeleton-icons 잘못 된 값 : display -webkit-box 는 올바른 display 값이 아닙니다 : -webkit-box -webkit-box
22 #masthead-skeleton-icons 잘못 된 값 : display -webkit-flex 는 올바른 display 값이 아닙니다 : -webkit-flex -webkit-flex
22 #masthead-skeleton-icons 잘못 된 값 : display -moz-box 는 올바른 display 값이 아닙니다 : -moz-box -moz-box
22 #masthead-skeleton-icons 잘못 된 값 : display -ms-flexbox 는 올바른 display 값이 아닙니다 : -ms-flexbox -ms-flexbox
22 #masthead-skeleton-icons 잘못 된 값 : display flex 는 올바른 display 값이 아닙니다 : flex flex
22 #masthead-skeleton-icons 속성 flex는 존재하지 않는 속성입니다 : 1 1
22 #masthead-skeleton-icons 속성 flex-direction는 존재하지 않는 속성입니다 : row row
22 #masthead-skeleton-icons 속성 justify-content는 존재하지 않는 속성입니다 : flex-end flex-end
22 .masthead-skeleton-icon 속성 border-radius는 CSS 레벨 2.1에 존재하지 않지만 [css3]에는 존재합니다 : 50% 50%
22 알 수 없는 비정규 요소 또는 비정규 클래스 :-stv-set-elsewhere
22 해석 오류 {--yt-spec-icon-active-other:initial}
22 ytd-masthead .yt-icons-ext 잘못 된 값 : color 해석 오류 --yt-spec-text-primary)
22 ytd-masthead svg#yt-logo-red-svg #youtube-red-paths path, ytd-masthead svg#yt-logo-red-updated-svg #youtube-red-paths path, ytd-masthead svg#yt-logo-svg #youtube-paths path, ytd-masthead svg#yt-logo-updated-svg #youtube-paths path 속성 fill는 존재하지 않는 속성입니다 : #282828 #282828
22 ytd-masthead.dark svg#yt-logo-red-svg #youtube-red-paths path, ytd-masthead.dark svg#yt-logo-red-updated-svg #youtube-red-paths path, ytd-masthead.dark svg#yt-logo-svg #youtube-paths path, ytd-masthead.dark svg#yt-logo-updated-svg #youtube-paths path, ytd-masthead.theater svg#yt-logo-red-svg #youtube-red-paths path, ytd-masthead.theater svg#yt-logo-svg #youtube-paths path 속성 fill는 존재하지 않는 속성입니다 : #fff #fff
22 #search-input.ytd-searchbox-spt input 속성 box-shadow는 CSS 레벨 2.1에 존재하지 않지만 [css3]에는 존재합니다 : none none
22 #search-input.ytd-searchbox-spt input 속성 flex는 존재하지 않는 속성입니다 : 1 1
22 #search-input.ytd-searchbox-spt input 속성 flex-basis는 존재하지 않는 속성입니다 : 1.0E-9px 1.0E-9px
22 #search-container.ytd-searchbox-spt 속성 pointer-events는 존재하지 않는 속성입니다 : none none
22 비정규 요소 ::-webkit-input-placeholder는 css21에서 나타날 수 없습니다 [-webkit-input-placeholder]
22 비정규 요소 ::-moz-input-placeholder는 css21에서 나타날 수 없습니다 [-moz-input-placeholder]
22 알 수 없는 비정규 요소 또는 비정규 클래스 :-ms-input-placeholder

↑ 최상위

경고 (35)

URI : https://www.youtube.com/shorts/ZHX1JZZjTaQ

21 can't find the warning message for style-type
21 can't find the warning message for style-type
21 can't find the warning message for style-type
21 can't find the warning message for style-type
21 can't find the warning message for style-type
22 can't find the warning message for vendor-extension
22 can't find the warning message for vendor-extension
22 can't find the warning message for vendor-extension
22 can't find the warning message for vendor-extension
22 can't find the warning message for vendor-extension
22 can't find the warning message for vendor-extension
22 can't find the warning message for vendor-extension
22 can't find the warning message for vendor-extension
22 can't find the warning message for vendor-extension
22 can't find the warning message for vendor-extension
22 can't find the warning message for vendor-extension
22 can't find the warning message for vendor-extension
22 can't find the warning message for vendor-extension
22 can't find the warning message for vendor-extension
22 can't find the warning message for vendor-extension
22 can't find the warning message for vendor-extension
22 can't find the warning message for vendor-extension
22 can't find the warning message for vendor-extension
22 can't find the warning message for vendor-extension
22 can't find the warning message for vendor-extension
22 can't find the warning message for vendor-extension
22 can't find the warning message for vendor-extension
22 can't find the warning message for vendor-extension
22 can't find the warning message for vendor-extension
22 can't find the warning message for vendor-extension
22 can't find the warning message for vendor-extension
22 can't find the warning message for vendor-extension
22 can't find the warning message for vendor-extension
22 can't find the warning message for vendor-extension
22 can't find the warning message for vendor-extension

↑ 최상위

올바른 CSS에 대한 정보

body {
padding : 0;
margin : 0;
}
body.no-scroll {
overflow : hidden;
}
.hidden {
display : none;
}
.grecaptcha-badge {
visibility : hidden;
}
ytd-masthead.shell {
background-color : #fff !important ;
position : fixed;
top : 0;
right : 0;
left : 0;
height : 56px;
}
ytd-masthead.shell #menu-icon {
margin-left : 16px;
}
ytd-app > ytd-masthead.chunked {
position : fixed;
top : 0;
width : 100%;
}
ytd-masthead.shell.dark, ytd-masthead.shell.theater {
background-color : #0f0f0f !important ;
}
ytd-masthead.shell.full-window-mode {
background-color : #0f0f0f !important ;
}
ytd-masthead.shell > :first-child {
padding-left : 16px;
}
ytd-masthead #masthead-logo #country-code {
margin-right : 2px;
}
ytd-masthead.shell #yt-logo-red-svg, ytd-masthead.shell #yt-logo-red-updated-svg, ytd-masthead.shell #yt-logo-svg, ytd-masthead.shell #yt-logo-updated-svg {
margin-left : 8px;
padding : 0;
color : #000;
}
ytd-masthead.shell #a11y-skip-nav {
display : none;
}
ytd-masthead.shell svg {
width : 40px;
height : 40px;
padding : 8px;
margin-right : 8px;
color : #606060;
}
ytd-masthead .external-icon {
width : 24px;
height : 24px;
}
ytd-masthead .yt-icons-ext {
color : #606060;
}
ytd-masthead svg#yt-logo-svg {
width : 80px;
}
ytd-masthead svg#yt-logo-red-svg {
width : 106.4px;
}
ytd-masthead svg#yt-logo-updated-svg {
width : 90px;
}
ytd-masthead svg#yt-logo-red-updated-svg {
width : 97px;
}
ytd-masthead.masthead-finish #masthead-skeleton-icons {
display : none;
}
.masthead-skeleton-icon {
height : 32px;
width : 32px;
margin : 0 8px;
background-color : #e3e3e3;
}
ytd-masthead.dark .masthead-skeleton-icon {
background-color : #292929;
}
#search-container.ytd-searchbox-spt {
position : absolute;
top : 0;
right : 0;
bottom : 0;
left : 0;
}
html {
background-color : #fff !important ;
}
html[dark] {
background-color : #0f0f0f !important ;
}
#logo-red-icon-container.ytd-topbar-logo-renderer {
width : 86px;
}

↑ 최상위