网站技术

   CSS3 :only-child 选择器,只有一个子元素的样式设置    实例    规定属于其父元素的唯一子元素的每个 p 元素: p:only-child { background:#ff0000; }    定义和用法    :only-child 选择器匹配属于其父元素的唯一子元素的每个元素。     #gt p:only-child { background:#ff0000; }            这是一个段落。        

2022-05-28  804
网站技术

2022-05-28  659
网站技术

CSS :valid 选择器,鼠标移动到文字或链接上变化鼠标悬浮效果实例选择已访问的链接,并设置其样式:a:visited {  background-color:yellow; }定义和用法:visited 选择器用于选取已被访问的链接。提示:请使用 :link 选择器对指向未被访问页面的链接设置样式, :hover 选择器用于设置鼠标指针浮动到链接上时的样式,:active 选择器用于设置点击链接时的样式。实例#gtx a:visited { background-color:ye

2022-05-28  757
网站技术

CSS :valid 选择器,判定邮箱电话号码是否有效实例只选择值有效的 <input> 元素,并设置其样式:input:valid {    background-color: yellow; }定义和用法:valid 选择器用于选取拥有有效值的表单元素,该值根据元素设置得到验证。注释::valid 选择器仅适用于有限制的表单元素,例如有 min 和 max 属性的 input 元素、具有合法电子邮件的 email 字段或具有数值的

2022-05-28  521
网站技术

   CSS3 target 选择器,当前文章内容跳转。当前文章目录跳转    实例    突出显示活动的 HTML 锚: p:target { border: 2px solid #D4D4D4; background-color: #e5eecc; }    定义和用法    URL 带有后面跟有锚名称 #,指向文档内某个具体的元素。这个被链接的元素就是目标元素(target element)。    :target 选择器可用于选取当前活动的目标元素。

2022-05-28  527
网站技术

   CSS3 :root 选择器,网站背景色设置    实例    设置 HTML 文档的背景色: :root { background:#ff0000; }    定义和用法    :root 选择器匹配文档根元素。    在 HTML 中,根元素始终是 html 元素。     :root { background:#ff0000; } 根元素测试

2022-05-28  740
网站技术

   CSS required 选择器,选取必填的表单元素样式设置    实例    仅选择带 "required" 的 <input> 元素,并设置其样式: input:required {  background-color: yellow; }    定义和用法    :required 选择器用于选取必填的表单元素。    带有 required 属性的表单元素被定义为必填。    注释::required 选择

2022-05-28  706
网站技术

CSS :read-write 选择器,可读且可写的表单元素,输入框设置

实例

仅当 input 元素不为“只读”时选择元素并设置样式:

input:-moz-read-write { /* For Firefox */
  background-color: yellow;
}
input:read-write { 
  background-color: yellow;
}

2022-05-28  471
网站技术

   CSS :read-only 选择器,输入框中不可更改(只读),和可以更改设置    实例    仅当输入元素为“只读”时选择元素并设置样式: input:-moz-read-only { /* For Firefox */  background-color: yellow; } input:read-only {  background-color: yellow; }    定义和用法    :read-only 选择器用于选取“只读”的元素。

2022-05-28  940
网站技术

   CSS out-of-range 选择器,判断正确值样式设置    实例    仅在 <input> 元素的值“超出范围”时选择元素并设置样式: input:out-of-range {  border: 2px solid red; }    定义和用法    :out-of-range 选择器用于选择值在指定范围之外的所有元素。    注释::out-of-range 选择器仅适用于带有 min 和/或 max 属性的 input 元素

2022-05-28  511

zblog模板

牛资源