Learning Path

CSS reference tutorials

Browse tutorials and chapters for CSS reference.

Frontend

HTML, CSS, JavaScript, browser APIs, frontend frameworks, and UI engineering.

Tutorials

319

TUTORIALFrontendFetched/CSS reference

CSS :read-write 选择器

CSS :read-write 选择器完整CSS选择器参考手册实例如果 input 元素不是只读，即没有 'readonly' 属性，设置输入框样式为黄色: input:read-write { background-color: yellow; } 尝试一下 » 定义和使用 :read-write 选择器用于匹配可读及可写的元素。注意: 目前, 在大..

TUTORIALFrontendFetched/CSS reference

CSS :required 选择器

CSS :required 选择器完整CSS选择器参考手册实例如果 input 元素设置了 'required' 属性，设置其为黄色: input:required { background-color: yellow; } 尝试一下 » 定义和使用 :required 选择器在表单元素是必填项时设置指定样式。表单元素可以使用 required 属性来设置..

TUTORIALFrontendFetched/CSS reference

CSS3 :root 选择器

CSS3 :root 选择器完整CSS选择器参考手册实例设置HTML文档的背景色： [mycode3 type='css'] :root { background:#ff0000; }[/mycode3] 尝试一下 » 定义和用法 :root选择器用匹配文档的根元素。在HTML中根元素始终是HTML元素。浏览器支持表格中的数字表示支持该属性的第一个浏览器版本号。 ..

TUTORIALFrontendFetched/CSS reference

CSS3 ::selection 选择器

CSS3 ::selection 选择器完整CSS选择器参考手册实例将选定的文本红色： ::selection { color:#ff0000; } ::-moz-selection { color:#ff0000; } 尝试一下 » 定义和用法 ::selection选择器匹配元素中被用户选中或处于高亮状态的部分。 ::selection只可以应用于少数的CSS属性：colo..

TUTORIALFrontendFetched/CSS reference

CSS3 :target 选择器

CSS3 :target 选择器完整CSS选择器参考手册实例 Highlight active HTML anchor: :target { border: 2px solid #D4D4D4; background-color: #e5eecc; } 尝试一下 » 定义和用法＃锚的名称是在一个文件中链接到某个元素的URL。元素被链接到目标元素。 :target选择器可用于当前..

TUTORIALFrontendFetched/CSS reference

CSS :valid 选择器

CSS :valid 选择器完整CSS选择器参考手册实例如果 input 元素中输入的值为合法的，设置其为黄色: [mycode3 type='css'] input:valid { background-color: yellow; } [/mycode3] 尝试一下 » 定义和使用 :valid 选择器在表单元素的值需要根据指定条件验证时设置指定样式。注意: :va..

TUTORIALFrontendFetched/CSS reference

CSS :visited 选择器

CSS :visited 选择器完整CSS选择器参考手册实例选择访问过得链接样式： a:visited { background-color:yellow; } 尝试一下 » 定义和用法 :visited向访问过的链接添加特殊的样式。 Tip: 使用:visited选择器设置访问过的页面链接的样式， :hover选择器当有鼠标悬停在其上的链接样式，:active 选择器设置当你点击链..