在CSS中：第一个子选择器可以选择第一组对象（相同的父元素）到特定的元素
HTML


xml代码将内容复制到剪贴板。



一
二
三



一
二
三





CSS


CSS代码将内容复制到剪贴板。


仅应用数字1
李：第一个孩子{
颜色：绿色；
}




第一个孩子和第一个孩子的区别
如果我们有这样一段HTML代码：


xml代码将内容复制到剪贴板。



第一要素
二元素
第三元素
第四元素





CSS选择器：
我们要找到其中的元素，如果我们使用以下定义方法mdash；mdash；
p：第一个子元素匹配p元素，因为p元素是div的第一个子元素；
H1：第一个子元素与任何元素不匹配，因为这里H1是div的第二个子元素，而不是第一个子元素；
跨度：第一个子元素不匹配任何元素，因为这里的两个跨度元素不是div的第一个子元素；
第一个子元素与p元素匹配，因为div的第一个子元素是p。
以上的应用风格，两个是不匹配的，但不要惊慌，CSS也定义：第一个孩子伪类，请参见他的用法和解释：
P：第一类型匹配的元素P，因为P是所有div p元素第一，事实上只有一个子元素P；
H1：第一类型相匹配的H1元素，因为H1是div的H1的所有子元素的第一，事实上，只有一个H1子元素。
跨度：第一类型是匹配的第三子元跨度。这里div具有跨两个子元素，这与第一。
第一个类型与p元素匹配。
总结：
第一个子元素是父元素的第一个子元素，这是结构中的第一个子元素。
第一种类型匹配该类型的第一个类型。是什么类型的它是在冒号之前匹配的，例如p：第一个类型，这是所有p元素中的第一个。没有限制是第一个子元素，只要类型元素的第一个元素是OK的，当然，这些元素的范围都属于同一级别，也就是同一代。
相同类型的选择器：最后的子类型和最后类型、第n个子（n）和类型n（n）的n也可以用这种方式理解。


工业工程的兼容性问题
看看下面的代码部分，HTML部分：

xml代码将内容复制到剪贴板。



AA
BB
科科斯群岛
DD





CSS部分：


CSS代码将内容复制到剪贴板。


例如李{浮动：左；margin-left: 10px；}




如果你需要设置第一李的左边界为0px，你可以通过下面的方法：


CSS代码将内容复制到剪贴板。


例如李{浮动：左；margin-left: 10px；}
例如：第一个孩子{左边缘：0；}




然而，IE6不支持孩子的方法，所以我们需要使用表达式来实现IE6和支持：孩子第一，和代码如下：


CSS代码将内容复制到剪贴板。


例如李{浮动：左；margin-left: 10px；_margin-left：表达（这。PreviousSibling = = null '0px：'10px '）；}
例如：第一个孩子{左边缘：0；}




当然，我们还可以向第一个李添加一个类来重新定义左边的余量。如果它是静态页面，则可以完成。如果程序需要循环输出李，最好使用子优先。至少，它可以使程序不太能做出判断。