Fitst-letter和last-letter: (选中第一个字符或者第一行) 这两个属性添加的是文本内容的标签,给文本内容的文字添加样式 6.css3新增属性选择器: 选择对应标签且属性值相同或类似的标签 代码示例: 7.css3盒子模型(怪异模式)移动端可能会用到得多一点 Box-sizing: border-box Border-box设置号宽度和高度只会,盒...
伪元素选择器并不是针对真正的元素使用的选择器,而是针对CSS中已经定义好的伪元素使用的选择器,CSS中有如下四种常用伪元素选择器:first-line、 first-letter、 before、after。 3.1 ::first-line ::first-line表示第一行(第一行内容根据屏幕大小来决定显示多少字),例如: p::first-line{}。 代码示例: p::fi...
:first-of-type伪类选择在其父元素中的特定类型的元素中的第一个元素。 :last-of-type 伪类 :last-of-type伪类选择在其父元素中的特定类型的元素中的最后一个元素。 :nth-of-type 伪类 当需要根据元素在兄弟元素中的类型和位置选择元素时,可以使用:nth-of-type伪类。 :nth-last-of-type 伪类 :当需要根据...
:first-of-type伪类选择在其父元素中的特定类型的元素中的第一个元素。 :last-of-type 伪类 :last-of-type伪类选择在其父元素中的特定类型的元素中的最后一个元素。 :nth-of-type 伪类 当需要根据元素在兄弟元素中的类型和位置选择元素时,可以使用:nth-of-type伪类。 :nth-last-of-type 伪类 :当需要根据...
简介: CSS选择器-系列文章1、CSS选择器first-letter,first-line选择器例子例子描述CSS:first-letterp:first-letter选择每个 元素的首字母。CSS选择器-系列文章1、CSS选择器first-letter,first-line选择器例子例子描述CSS :first-letter p:first-letter 选择每个 元素的首字母。 1 :first-line p:first-line 选择...
<!DOCTYPEhtml>伪元素选择器/* 需求一:让文章的首字母一直为字体为24px */p::first-letter{font-size:24px; }/* 需求二:让文章的第一行添加背景色灰色 */p::first-line{background-color:#ccc; }/* 需求三:让选中的内容,字体为红色 (此时我鼠标选中 ”我们“)*/::selection...
E:first-of-type==E:nth-of-type(1);E:last-of-type==E:nth-last-of-type(1) nth-child(n)中,n可以为odd或者是even表示奇数行偶数行,n不能为0,最小就是1。 示例: html: red green blue yellow pink puper black 1 2 3 4 css...
5、伪元素选择器 5.1、::first-letter 获取匹配元素的第一个字母(字符) 5.2、::first-line 获取匹配元素的首行 5.3、::selection 匹配用户选取的部分 注意:W3C规定所有的伪类选择器全部使用一个冒号,在CSS3中,所有的伪元素选择器,全部使用两个冒号。
::first-letter匹配元素的第一个字母。 ::first-line匹配包含此伪元素的元素的第一行。 ::grammar-error匹配文档中包含了浏览器标记的语法错误的那部分。 ::selection匹配文档中被选择的那部分。 ::spelling-error匹配文档中包含了浏览器标记的拼写错误的那部分。