原文::only-child和:only-of-type选择器的比较

: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 推荐指数:

查看详情

【CSS3】---only-child选择器+only-of-type选择器

only-child选择器 “:only-child选择器选择的是父元素中只有一个子元素,而且只有唯一的一个子元素。也就是说,匹配的元素的父元素中仅有一个子元素,而且是一个唯一的子元素。 示例演示 通过“:only-child选择器,来控制仅有一个子元素的背景样式 ...

Fri Apr 24 00:36:00 CST 2015 0 2996
伪类选择器 E:nth-child(n)、E:nth-of-type(n)

结构伪类是css3新增的类型选择器。 E:nth-child(n)、E:nth-of-type(n)就是其中之二。搞懂了这两个,基本上跟他俩一家的其他几个兄弟伙基本上也可以弄懂了。 首先先用文字语言来描述一下这俩: E:nth-child(n): 选择父元素下的第n个子元素 ...

Fri May 05 04:45:00 CST 2017 0 1342
css选择器中:first-child与:first-of-type的区别

:first-child选择器是css2中定义的选择器,从字面意思上来看也很好理解,就是第一个子元素。比如有段代码: p:first-child 匹配到的是p元素,因为p元素是div的第一个子元素; h1:first-child 匹配不到任何元素,因为在这里h1是div的第二个子元素 ...

Thu Feb 27 00:09:00 CST 2014 11 33598
css选择器中:first-child与:first-of-type的区别

:first-child选择器是css2中定义的选择器,从字面意思上来看也很好理解,就是第一个子元素。比如有段代码: p:first-child 匹配到的是p元素,因为p元素是div的第一个子元素; h1:first-child 匹配不到任何元素,因为在这里h1是div的第二个子元素 ...

Sat Apr 11 17:28:00 CST 2015 1 13495
css选择器中:first-child与:first-of-type的区别

:first-child选择器是css2中定义的选择器,从字面意思上来看也很好理解,就是第一个子元素。比如有段代码: p:first-child 匹配到的是p元素,因为p元素是div的第一个子元素; h1:first-child 匹配不到任何元素,因为在这里h1是div的第二个子元素 ...

Thu Jun 06 21:19:00 CST 2019 1 1564
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM