Jener

css3 对选择器提出了很多新的用法，实际的应用更加灵活！这里主要记录nth-of-type选择器的用法。 p{width: 200px;} legend{font-family: Arial;color: tomato;} p:nth-of-type(0){font-size: 150%;} p:nth-of-type(1){font-size: 12

之前介绍了，兄弟同级选择器——:nith-of-type，现在咱们继续了解下针对父级的选择器first-of-type，last-of-type。测试代码块 p:first-of-type{ color:#ff0000; } p:last-of-type{ color: #ff00ff; }以body为直接父级

这里介绍:only-of-type选择器的语法理论：:only-of-type选择器匹配属于同类型中唯一同级元素 p:only-of-type{ color: magenta; } /*匹配属于同类型中唯一同级元素的p元素的字体颜色*/以body为直接父级的p元素第一个p元素以div为直接父级 第一个p元素以div为直

这里我们测试下选择器——:only-child理论：:only-child选择器匹配属于父级中唯一子元素的元素测试1——body元素中只含有一个p标签测试二 p:only-child{ color: magenta; } /*匹配属于父级元素中唯一子元素的p元素*/以body为直接父级的p元素第一个p元素 以div为直接父级

这次我们测试选择器——:nth-child理论：:nth-child(n)选择器匹配父元素中的第n个子元素。n可以是一个数字，一个关键字，或者一个公式。测试代码块以body为直接父级的p元素第一个p元素 以div为直接父级 第一个p元素 第一个p元素 以div为直接父级 第一个p元素 第

:nth-last-child（n）理论：:nth-last-child(n)等价:nth-last-of-type(n)选择器匹配同类型中的倒数第n个同级兄弟元素。n可以是一个数字，一个关键字，或者一个公式。