only-child选择器 “:only-child”选择器选择的是父元素中只有一个子元素,而且只有唯一的一个子元素。也就是说,匹配的元素的父元素中仅有一个子元素,而且是一个唯一的子元素。 示例演示 通过“:only-child”选择器,来控制仅有一个子元素的背景样式 ...
:only child 当元素是唯一的子元素,被选择。 HTML代码: 效果图: CSS代码: 因为div是body元素的唯一子元素,所以整个DIV都会变红。 演示图: CSS代码: 因为P元素不是div元素的唯一元素,所以P的背景颜色不会变红。 演示图: :only of type 选择特定的,唯一类型的子元素。 HTML代码: CSS代码: 此时选择的div,是id为main的div,它是元素 ...
2019-04-03 17:02 0 747 推荐指数:
only-child选择器 “:only-child”选择器选择的是父元素中只有一个子元素,而且只有唯一的一个子元素。也就是说,匹配的元素的父元素中仅有一个子元素,而且是一个唯一的子元素。 示例演示 通过“:only-child”选择器,来控制仅有一个子元素的背景样式 ...
属性 描述 CSS :active 向被激活的元素添加样式。 1 :focus 向拥有键盘输入焦 ...
结构伪类是css3新增的类型选择器。 E:nth-child(n)、E:nth-of-type(n)就是其中之二。搞懂了这两个,基本上跟他俩一家的其他几个兄弟伙基本上也可以弄懂了。 首先先用文字语言来描述一下这俩: E:nth-child(n): 选择父元素下的第n个子元素 ...
:first-child选择器是css2中定义的选择器,从字面意思上来看也很好理解,就是第一个子元素。比如有段代码: p:first-child 匹配到的是p元素,因为p元素是div的第一个子元素; h1:first-child 匹配不到任何元素,因为在这里h1是div的第二个子元素 ...
:first-child选择器是css2中定义的选择器,从字面意思上来看也很好理解,就是第一个子元素。比如有段代码: p:first-child 匹配到的是p元素,因为p元素是div的第一个子元素; h1:first-child 匹配不到任何元素,因为在这里h1是div的第二个子元素 ...
:first-child选择器是css2中定义的选择器,从字面意思上来看也很好理解,就是第一个子元素。比如有段代码: p:first-child 匹配到的是p元素,因为p元素是div的第一个子元素; h1:first-child 匹配不到任何元素,因为在这里h1是div的第二个子元素 ...
例子: 从代码和图可以看出:last-child选择了最后一个 ...
例子: 从代码和图可以看出:last-child选择了最后一个 ...