CSS3 :only-child 选择器,只有一个子元素的样式设置 实例 规定属于其父元素的唯一子元素的每个 p 元素: p:only-child { background:#ff0000; } 定义和用法 :only-child 选择器匹配属于其父元素的唯一子元素的每个元素。 #gt p:only-child { background:#ff0000; } 这是一个段落。
CSS :valid 选择器,鼠标移动到文字或链接上变化鼠标悬浮效果实例选择已访问的链接,并设置其样式:a:visited { background-color:yellow; }定义和用法:visited 选择器用于选取已被访问的链接。提示:请使用 :link 选择器对指向未被访问页面的链接设置样式, :hover 选择器用于设置鼠标指针浮动到链接上时的样式,:active 选择器用于设置点击链接时的样式。实例#gtx a:visited { background-color:ye
CSS :valid 选择器,判定邮箱电话号码是否有效实例只选择值有效的 <input> 元素,并设置其样式:input:valid { background-color: yellow; }定义和用法:valid 选择器用于选取拥有有效值的表单元素,该值根据元素设置得到验证。注释::valid 选择器仅适用于有限制的表单元素,例如有 min 和 max 属性的 input 元素、具有合法电子邮件的 email 字段或具有数值的
CSS3 target 选择器,当前文章内容跳转。当前文章目录跳转 实例 突出显示活动的 HTML 锚: p:target { border: 2px solid #D4D4D4; background-color: #e5eecc; } 定义和用法 URL 带有后面跟有锚名称 #,指向文档内某个具体的元素。这个被链接的元素就是目标元素(target element)。 :target 选择器可用于选取当前活动的目标元素。
CSS3 :root 选择器,网站背景色设置 实例 设置 HTML 文档的背景色: :root { background:#ff0000; } 定义和用法 :root 选择器匹配文档根元素。 在 HTML 中,根元素始终是 html 元素。 :root { background:#ff0000; } 根元素测试
CSS required 选择器,选取必填的表单元素样式设置 实例 仅选择带 "required" 的 <input> 元素,并设置其样式: input:required { background-color: yellow; } 定义和用法 :required 选择器用于选取必填的表单元素。 带有 required 属性的表单元素被定义为必填。 注释::required 选择
CSS :read-write 选择器,可读且可写的表单元素,输入框设置
实例
仅当 input 元素不为“只读”时选择元素并设置样式:
input:-moz-read-write { /* For Firefox */ background-color: yellow; } input:read-write { background-color: yellow; }
CSS :read-only 选择器,输入框中不可更改(只读),和可以更改设置 实例 仅当输入元素为“只读”时选择元素并设置样式: input:-moz-read-only { /* For Firefox */ background-color: yellow; } input:read-only { background-color: yellow; } 定义和用法 :read-only 选择器用于选取“只读”的元素。
CSS out-of-range 选择器,判断正确值样式设置 实例 仅在 <input> 元素的值“超出范围”时选择元素并设置样式: input:out-of-range { border: 2px solid red; } 定义和用法 :out-of-range 选择器用于选择值在指定范围之外的所有元素。 注释::out-of-range 选择器仅适用于带有 min 和/或 max 属性的 input 元素
数据库技术 2022-03-28
网站技术 2022-11-26
网站技术 2023-01-07
网站技术 2022-11-17
Windows相关 2022-02-23
网站技术 2023-01-14
Windows相关 2022-02-16
Windows相关 2022-02-16
Linux相关 2022-02-27
数据库技术 2022-02-20
抠敌 2023年10月23日
嚼餐 2023年10月23日
男忌 2023年10月22日
瓮仆 2023年10月22日
簿偌 2023年10月22日
扫码二维码
获取最新动态