实例 选择属于其父元素的首个子元素的每个 <p> 元素，并为其设置样式： p:first-child { background-color:yellow; } 定义和用法 :first-chi...

实例 为所有 type="text" 的已启用的 input 元素设置背景色： input[type="text"]:enabled { background-color: #ff0000; }...

实例 指定空的 p 元素的背景色： p:empty { background:#ff0000; } 定义和用法 :empty 选择器匹配没有子元素（包括文本节点）的每个元素。 p:empty { width:100...

实例为所有 type="text" 的被禁用的 input 元素设置背景色：input[type="text"]:disabled { background-color: #dddddd; }定义和用法:disabled 选择器匹配每个被禁用的元素（大...

实例为所有被选中的 input 元素设置背景色：input:checked { background-color: #ff0000; }定义和用法:checked 选择器匹配每个已被选中的 input 元素（只用于单选按钮和复选框）。MaleFemaleI have a bikeI have...

选择活动链接，并设置其样式：a:active { background-color:yellow; }定义和用法:active 选择器用于选择活动链接。当您在一个链接上点击时，它就会成为活动的（激活的）。提示：请使用 :link 选择器对指向未被访问页面的链接设置样式，:visited 用于...

什么是伪类？ 伪类用于定义元素的特殊状态。 例如，它可以用于： 设置鼠标悬停在元素上时的样式 为已访问和未访问链接设置不同的样式 设置元素获得焦点时的样式 语法...

div p4 { background-color: yellow; } div >p1 { background-color: yellow; } div + p2 { background-color: yellow; } div ~ p3 { backgro...

div4 ~ p { background-color: yellow; }div3 + p { background-color: yellow; }div2 >p { background-color: yellow; }div1 p { background-co...

每日笔记，div居中，div文字居中，div水平垂直居中，元素居中 元素居中 水平和垂直居中的元素 居中对齐元素 要使块元素（例如 <div> ）水平居中，请使用 margin: auto;。...