摘要: W3C对该伪类选择器的定义为: 描述一如既往的专业难懂,话不多说,示例讲解 这道示例的运行结果是: 为什么只有这两行呢?我们再来看一下专业的描述:属于其父元素唯一的<P>元素的每个<p>元素 意思是:父节点下必须只有一个<P>元素,所以我们自然地被选中只能是第一行和第4行了 阅读全文
posted @ 2018-05-06 11:00 MyFantasy 阅读(625) 评论(0) 推荐(0) 编辑
摘要: 对比了一下W3CSchool 中针对伪类选择器 :last-child 以及 :last-of-type的描述,如下: 说句老实话,在不懂这两个关系的时候,越看这两句描述,越是别扭,绕口,难懂,查阅网上资料搞懂了以后,就觉得说的还是蛮有道理的。 以一段代码为例: 运行的结果显示:没有任何一行显示为红 阅读全文
posted @ 2018-05-06 01:31 MyFantasy 阅读(3020) 评论(0) 推荐(0) 编辑
摘要: 今天写了个CSS的测试样例,代码如下: 原本觉着,选择器会选中 可结果出乎我的意料,我们重新理解一下last-child选择器,在CSS标准中的含义 选择其父元素最后一个子元素,每个<p>元素,根据这段话我们能否发现:div-01对应父元素是body,而body最后一个子元素是 而我的选择器是: p 阅读全文
posted @ 2018-05-06 01:18 MyFantasy 阅读(15264) 评论(0) 推荐(2) 编辑