CSS伪选择器的使用-遁地龙卷风

分为伪元素选择器和伪类选择器两种，前者两个冒号，后者一个冒号，但是浏览器都看做一个冒号

1.a.::first-line

逐层匹配，直到有文本元素且结束改行为止

设置css属性word-break:break-all、文本长度超出元素的例子就不说了

body::first-line
{
color:red;
}

（1）
<body>
　　
　　　　123 123

</body>
第一个i标签变红

(2)
<body>
　　
　　　　123 
　　　　123 123 
　　
</body>

未完待续!

欢迎指正！

CSS伪选择器的使用-遁地龙卷风相关推荐

css empty_何时使用：empty和：blank CSS伪选择器
css empty I made a terrible mistake when I tweeted about :empty and :blank a while ago. I said that ...
css权威指南第四版_16个非常有用的CSS伪选择器，你千万不要错过了！
英文 | https://blog.bitsrc.io/css-pseudo-selectors-you-never-knew-existed-b5c0ddaa8116译文 | https://jue ...
CSS常用选择器、伪元素选择器、伪类选择器大全——响应式Web系列学习笔记
1. 常用的CSS选择器 CSS选择器的作用就是从HTML页面中找出特定的某类元素.常用的几类CSS选择器如下表所示. 选择器代码示例代码说明通用选择器 * *{} 选择所有元素. 标签选择器 ...
CSS 伪类选择器：如何使用 CSS3 伪类
CSS 伪类选择器:如何使用 CSS3 伪类 CSS3 是个好东西,但也很容易被她的变形(transform)和动画(其中许多特性因浏览器厂商而异)特性所迷惑,因而忘了那些已经被添加到标准规范中的最为 ...
css unchecked,详细介绍CSS中的伪选择器
说到伪选择器,真的让我体会到了CSS的无比强大,强大到自己貌似都不认识CSS了,有点C# 6.0中一些语法糖带给我们的震撼...首先我们可以在VS里面提前预览一下. 可以看到,上面的伪类有很多很多, ...
jQuery过滤选择器:first和:first-child的区别，CSS伪类:first-child
最近项目中遇到需求:只在第一列不能删除,不显示小叉号:点击可添加一列,后面的列右上角显示小叉号,可以点击删除. 我是使用以下方法解决这个小需求 :CSS伪类选择器:first-child设置所有小叉号 ...
css伪元素选择器，first-letter、first-line
全栈工程师开发手册 (作者:栾鹏) css系列教程1-选择器全解 css伪元素选择器伪元素选择器,用于选择元素内的局部,包括first-letter.first-line等代码如下: p:firs ...
css伪类选择器，:link、:visited、:focus、:hover、:active、:first-child
全栈工程师开发手册 (作者:栾鹏) css系列教程1-选择器全解 css伪类选择器伪类选择器用于表达在某种状态下的元素. 包括:link.:visited.:focus.:hover.:active ...
css定位-css新增选择器（内减，属性，伪类，2d变换，过渡）
目录一.定位(重点) 1.静态定位 2.相对定位 3.绝对定位 4.固定定位 5.定位元素的层叠效果二.css3和css2的区别 1.内减模式 2.新增属性选择器 3.新增伪类选择器 4. 2d变 ...
CSS复合选择器---后代选择器、子选择器、并集选择器、伪类选择器
CSS复合选择器建立在基础选择器上,对基本选择器进行组合形成的可以更准确.更高效的选择目标元素(标签) 包含:后代选择器.子选择器.并集选择器.伪类选择器一.后代选择器又称为包含选择器,可以选 ...

CSS伪选择器的使用-遁地龙卷风

CSS伪选择器的使用-遁地龙卷风相关推荐

最新文章

热门文章