CSS :optional 选择器,表单必填项设置样式 实例 仅在 <input> 元素不带 "required" 属性时选择元素并设置样式: input:optional { background-color: yellow; } 定义和用法 :optional 选择器用于选择可选的表单元素。 不带 required 属性的表单元素被定义为可选。 注释::optional 选
CSS3 :only-of-type 选择器,父元素中只有唯一的子元素样式设置 实例 指定属于父元素的特定类型的唯一子元素的每个 p 元素: p:only-of-type { background:#ff0000; } 定义和用法 :only-of-type 选择器匹配属于其父元素的特定类型的唯一子元素的每个元素。 #gt p:only-of-type { background:#ff0000; }
CSS3 enabled 选择器,禁用或启用,元素或输入框 实例 为所有 type="text" 的已启用的 input 元素设置背景色: input[type="text"]:enabled { background-color: #ff0000; } 定义和用法 :enabled 选择器匹配每个已启用的元素(大多用在表单元素上)。 input[type="text"]:en
CSS3 nth-last-of-type() 选择器,周期性设置,元素文章段落样式实例规定属于其父元素的第二个 p 元素的每个 p,从最后一个子元素开始计数:p:nth-last-of-type(2) { background:#ff0000; }定义和用法:nth-last-of-type(n) 选择器匹配属于父元素的特定类型的第 N 个子元素的每个元素,从最后一个子元素开始计数。n 可以是数字、关键词或公式。提示:请参阅 :nth-last-child() 选择器,该选择器选取父元素的第
CSS3 nth-of-type() 选择器,寄偶选择性设置元素段落文章样式
实例
规定属于其父元素的第二个 p 元素的每个 p:
p:nth-of-type(2) { background:#ff0000; }
定义和用法
:nth-of-type(n) 选择器匹配属于父元素的特定类型的第 N 个子元素的每个元素.
CSS3 :nth-last-child() 选择器,从后向前设置元素段落的样式 实例 规定属于其父元素的第二个子元素的每个 p 元素,从最后一个子元素开始计数: p:nth-last-child(2) { background:#ff0000; } 定义和用法 :nth-last-child(n) 选择器匹配属于其元素的第 N 个子元素的每个元素,不论元素的类型,从最后一个子元素开始计数。 n 可以是数字、关键词或公式。
CSS3 nth-child() 选择器,选择特定的,子元素,段落字段文章设置样式 实例 规定属于其父元素的第二个子元素的每个 p 的背景色: p:nth-child(2) { background:#ff0000; } 定义和用法 :nth-child(n) 选择器匹配属于其父元素的第 N 个子元素,不论元素的类型。 n 可以是数字、关键词或公式。 提示:请参阅 :nth-of-type() 选择器,该选择器选取
CSS3 not 选择器 实例 设置非 <p> 元素的所有元素的背景色: :not(p) { background-color: #ff0000; } 定义和用法 :not(selector) 选择器匹配非指定元素/选择器的每个元素。 p { color:#000000; } #gt :not(p) { color:#ff0000; } 这是标题 这是一个段落。 这是另一个段落。 这是 div
CSS :link 选择器实例选择未被访问的链接,并设置其样式:a:link { background-color:yellow; }定义和用法:link 选择器用于选取未被访问的链接。注释::link 选择器不会设置已经访问过的链接的样式。提示:请使用 :visited 选择器对指向已访问页面的链接设置样式,:hover 选择器用于设置鼠标指针浮动到链接上时的样式,:active 选择器用于设置点击链接时的样式。例div1 a:link { background-color:yel
CSS3 :last-of-type 选择器,选父元素的最后一个,元素或段落的样式设置
实例
指定父元素的最后一个 p 元素的背景色:
p:last-of-type { background:#ff0000; }
定义和用法
:last-of-type 选择器匹配属于其父元素的特定类型的最后一个子元素的每个元素。
数据库技术 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日
扫码二维码
获取最新动态