css匹配子代的第一个元素怎么写

html-css013

css匹配子代的第一个元素怎么写,第1张

:first-child /* 匹配第一个元素 */

举例：（parent下的第一个子元素字体变红色）

.parent > :first-child {color:red} <div class="parent">

    <p>子元素1</p>

    <div>子元素2</div>

    <span>子元素3</span>

</div>

方法很多种，例如通过伪类：last-child{ 样式 }这个是选择最后一个父级子元素。

第一个父级子元素可以这样nth-child(1){ 样式 }

除了上面的方法还可以通过给第一和最后一个元素设置一个额外的类来设置样式。

elements.getId(mm)因为id是唯一的，所以只要是指定的id一定可以找到这个标签，

class="",这个的不同是，里面的值可以是重复的。他可以提高html里面的代码的结构，减少代码的重复率