博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
结构(位置)伪类选择器(CSS3)
阅读量:5360 次
发布时间:2019-06-15

本文共 416 字,大约阅读时间需要 1 分钟。

li:first-child { /* 选择第一个孩子 */

color: pink;
}
li:last-child { /* 最后一个孩子 */
color: purple;
}
li:nth-child(4) { /* 选择第4个孩子 n 代表 第几个的意思 */
color: skyblue;
}

p::first-letter {

font-size: 20px;
color: hotpink;
}

/* 首行特殊样式 */

p::first-line {
color: skyblue;
}

p::selection {

/* font-size: 50px; */
color: orange;
}

div::befor {

content:"开始";
}
div::after {
content:"结束";
}

转载于:https://www.cnblogs.com/pcjbk/p/10217475.html

你可能感兴趣的文章
thinkphp3.2接入支付宝支付接口(PC端)
查看>>
response和request
查看>>
【转】在Eclipse中安装和使用TFS插件
查看>>
回到顶部浮窗设计
查看>>
C#中Monitor和Lock以及区别
查看>>
【NOIP2017】奶酪
查看>>
$ 一步一步学Matlab(3)——Matlab中的数据类型
查看>>
5.6.3.7 localeCompare() 方法
查看>>
Linux下好用的简单实用命令
查看>>
描绘应用程序级的信息
查看>>
poj2406-Power Strings
查看>>
php环境搭建脚本
查看>>
FTP主动模式与被动模式说明
查看>>
php 编译常见错误
查看>>
MES架构
查看>>
【Python3 爬虫】15_Fiddler抓包分析
查看>>
高性能JavaScript-JS脚本加载与执行对性能的影响
查看>>
关于标签之间因为换行等问题造成的空白间距问题处理
查看>>
hdu 2767(tarjan)
查看>>
sklearn之分类模型混淆矩阵和分类报告
查看>>