文档章节

伪元素选择器

拉普拉斯婷
 拉普拉斯婷
发布于 2016/06/20 17:26
字数 183
阅读 27
收藏 0

精选30+云产品,助力企业轻松上云!>>>

CSS2.1中定义了4个伪元素:设置首字母样式,设置第一行样式,设置之前和之后元素的样式

1、设置首字母样式:

p:first-letter{color:red}

设置首字母效果图

2、设置第一行样式:

p:first-line{color:red}

设置第一行样式

在CSS2中,:first-letter和:first-line伪元素只能应用于标记或段落之类的块级元素,而不能用于超链接等的行内元素。 在CSS2.1中,:first-letter能应用到所有元素。

3、:before设置之前的样式,:after设置之后的样式

h2:before{content:"]]"; color:silver;}

在每个h2元素前加一对银色中括号 伪元素用于插入生成的内容,并设置其样式。

上一篇: 元素的特性
拉普拉斯婷
粉丝 0
博文 35
码字总数 6105
作品 0
深圳
私信 提问
加载中
请先登录后再评论。
css伪类选择器

我们在写css的时候会经常使用伪类选择器,伪类选择器就是通过css选择器加上冒号和伪类名构成的。可能有些伪类选择器你已经见过了,比如说a:hover这样的选择器。 在大多情况下,伪类选择器是非...

省委书记沙瑞金
2016/11/08
154
0
即学即用,轻松搞定这些选择器!(下)

在上一篇文章中,我们讲到基础选择器中的元素选择器、ID选择器、类选择器。本期我们继续看一下伪类选择器、伪元素选择器、通用选择器的使用方法。 伪类选择器 伪类是指逻辑上存在、但文档树中...

我的卡
2018/12/18
18
0
CSS 选择器[下]

伪类选择器总汇 结构性伪类选择器 UI伪类选择器 动态伪类选择器 其他伪类选择器 一、伪类选择器汇总 伪类选择器分为四种类型:结构性伪类、UI伪类、动态伪类和其他伪类选择器。 二、结构性伪...

xiaoxiaobukuang
2017/10/23
0
0
【css3基础】第二节:css选择器

css选择器: 参考链接:(https://www.w3school.com.cn/cssref/css_selectors.asp) 常用的css选择器包括: 标签选择器(直接标注element,比如要选择 h1)、类选择器(使用 .className)、id选...

天涯旅人_
04/18
14
0
CSS 选择器

  CSS 通过选择器控制 HTML 元素,CSS 选择器对网页对象可以实现一对一、一对多或者多对一的匹配。 一、选择器的分类   CSS3 选择器在 CSS2 选择器基础上新增了属性选择器、伪类选择器、...

osc_o8a4i1l7
2019/06/29
2
0

没有更多内容

加载失败,请刷新页面

加载更多

O2OA开源免费开发平台:启用Eruda进行移动端调试

O2OA平台启用Eruda进行移动端调试 Eruda 是一个专为前端移动端、移动端设计的调试面板,类似Chrome DevTools 的迷你版(没有chrome强大 这个是可以肯定的),其主要功能包括:捕获 console ...

O2OA企业信息化平台
59分钟前
18
0
将敏感数据移动到云平台更安全

云栖号资讯:【点击查看更多行业资讯】 在这里您可以找到不同行业的第一手的上云资讯,还在等什么,快来! 公共云在一段时间内一直是存储关键任务和敏感数据的安全场所,但要使大多数企业超过...

osc_oq0m8kxk
今天
0
0
服务器被挂码-门罗币挖矿程序

照例巡视服务器,查看cpu,内存,硬盘,系统日志。 GameServer的机器,cpu 和 内存 使用上有点不对,进程数有点多了, 但是cpu和内存却很平稳,没有波动! 另外系统日志中出现了之前没有见过...

DEPAKIN
今天
0
0
机器人守护人类生命线,六大趋势凸显前景无限

云栖号资讯:【点击查看更多行业资讯】 在这里您可以找到不同行业的第一手的上云资讯,还在等什么,快来! 近段时间以来,梅雨季的到来让我国不少城市进入汛期,大部分南方城市更是面临严重暴...

osc_bwwgdzfr
今天
19
0
IP-guard与Ping32基本功能对比

企业中因终端管理需求会采购终端管理软件,用来管控员工终端,通过管理软件查看一些终端信息,并进行相应的控制操作。IP-guard和Ping32是市面上比较好用的终端安全管理软件,两款软件都可以满...

osc_1b9czlr5
今天
0
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部