/* Variables. ================================================== */ :root { --c-level1: #f00; --c-level2: #f90; } head { display: block; max-height: 200px; overflow: auto; font-size: 0; line-height: 0; } // 需要把校验信息放到 before 元素 #beforeBase(@color, @content) { display: block; &:not([data-hvi])::before { margin: 8px; background-color: @color; color: #ffffff; padding: 0.5em; display: block; font-size: 12px; line-height: 16px; content: @content; position: relative; z-index: 20000; } } // 需要把校验信息放到 before 元素 #level1Before(@text) { #beforeBase(var(--c-level1), @text); } // 等级1的校验 #level1(@text) { &:not([data-hvi]){ outline: 2px dashed var(--c-level1) !important; content: @text; } } /* leve1: Should to fixed ================================================== */ html:not([lang]), html[lang=""] { #level1Before(' needs [lang="…"]'); } style, script:not([src]), title { &:empty { #level1Before('Those element should not be empty'); } } [style=""], [title=""], [id=""], [src=""], [href=""], [name=""], [for=""], [type=""], [width=""], [height=""] { #level1('Those props should not empty'); } abbr:not([title]) { #level1(' needs [title="…"]'); } a[target]:not([rel*="noopener"]), a[target]:not([rel*="noreferrer"]) { #level1('[target="…"] also needs [rel="noopener"] or [rel="noopener noreferrer"]') } /* figure */ :not(figure)>figcaption { #level1("
must be a child of
"); } figure>figcaption:not(:first-child):not(:last-child), figure>figcaption:not(:first-child):not(:last-child)~:last-child:not(figcaption) { #level1("
must be first/last child of
"); } figure>figcaption:not(:first-of-type) { #level1("
should only contain one
"); } /* ul/ol */ :not(ul):not(ol)>li { #level1("
  • is missing a parent