CSS3 :only-child 这个代码其实包含了三层意思,第一层父元素的子元素,第二层子元素的规定元素,第三层就是样式的替换。
工具/原料
dreamweaver
方法/步骤
2
完整的style流程。代码只对规定的元素发生作用。
这是一个段落。
这是一个 span。
这是一个段落。
3
CSS3 :nth-child() 选择器,这个代码可以对于规定的子元素的序号进行定义。代码当中是第二个。p:nth-child(2){ background:#ff0000; }
4
通过实例可以得知,这个序号不仅仅是数字,还可以定义一个奇偶。
5
特殊用法。我们可以把几个元素分成一组,再从中选择第二个 子元素!三个元素一组,中间的元素样式有变。p:nth-child(3n+0){ background:#ff0000; }
6
CSS3 :nth-last-child() 选择器。这就是一个倒数的概念,从最后一个子元素开始往回数,从而确定真正的选择元素。p:nth-last-child(2){ background:#ff0000; }p:nth-last-child(3n+0){ background:#ff0000; }
上一篇:Python绘制圆弧和多边形