今天开发的时候,发现last-child不起作用,看了下原因顺便给自己学习CSS选择器,我们这里举个例子,如下代码:<div><h1>title</h1> <p>words</p> <p>words</p> ...
一 零碎 first child last child nth child n nth child n nth child n nth child odd nth child even nth last child 倒数第三个 注意点: 选择器匹配属于其 父元素的第 N 个子元素, 不论元素的类型。 先找到该伪类调用者 元素 的父类 其次找到父类下的第n个子元素 最后看该子元素是不是 中的伪类调 ...
2017-08-18 15:15 0 12192 推荐指数:
今天开发的时候,发现last-child不起作用,看了下原因顺便给自己学习CSS选择器,我们这里举个例子,如下代码:<div><h1>title</h1> <p>words</p> <p>words</p> ...
first-child E:first-child是伪类选择器, 匹配父元素的第一个子元素E 从说明可以看出E是你要选择的第一个子元素,而不是父元素。一开始,误以为E:first-child是E的第一个子元素。 :nth-child(n) 匹配父元素的第n个子元素E E也是子元素 ...
:nth-child是css3的一个比较常用的选择器。它用于匹配属于其父元素中的子元素,不论元素的类型。 它的参数可以是数字、关键词或公式。下面讲介绍它的使用方法, nth-child的使用 html结构如下: 只选取第2个元素 选取第2个及之后 ...
今天遇到first-child不起作用,在网上搜了一下,发现这篇文章,才发现以往对这个伪类的理解居然都是错误的,在此纠正一下 first-child是css3中的控制器,意味着选择统计元素的第一个元素 我们先看一个例子:css代码: html代码: 结果是 ...
如下: li:last-child{background:#090}3、nth-child(3)表示选择 ...
今天写了个CSS的测试样例,代码如下: 原本觉着,选择器会选中 可结果出乎我的意料,我们重新理解一下last-child选择器,在CSS标准中的含义 选择其父元素最后一个子元素,每个<p>元素,根据这段话我们能否发现:div-01对应父 ...
,代码如下: li:last-child{background:#090} 3、nth-child( ...
说明:最近在写前端vue 调样式的时候遇到了一个问题 同一个div下对多个同级别的<span>标签进行 边距设置 总结:这个是对面同事跟我说的,很感谢他。咱前段基础很菜 ...