:after 选择器在被选元素的内容后面插入内容。

p:after
{
  content:"- 台词";
  background-color:yellow;
  color:red;
  font-weight:bold;
}

:before 选择器在被选内容前面插入内容。

p:before
{
content:"- 台词";
background-color:yellow;
color:red;
font-weight:bold;
}

:checked button部件被选中

:active {color: #0000FF}   /* 选定的链接 */
:disabled 部件被禁用
:enabled 部件被启用
:focus 部件获得焦点
:hover 鼠标位于部件上
:indeterminate checkbox或radiobutton被部分选中
:off 部件可以切换,且处于off状态
:on 部件可以切换,且处于on状态
:pressed 部件被鼠标按下
:unchecked button部件未被选中

:first-child 伪类来选择元素的第一个子元素

转载于:https://www.cnblogs.com/javawebstudy/p/4274737.html

css :after :berfor相关推荐

  1. ireport如何给static text加边框_html amp;amp; css 解决li浮动边框为2的问题

    html && css 解决li浮动边框为2的问题 思路 问题:首先,li 浮动后,添加边框,则 中间 li 的边框会形成 1+1=2 的效果,1px的边框会变成2px.(例:分页模块 ...

  2. 【css】基础学习总结

    填充部分: 1.css概念 2.如何用css控制页面样式(2种方式,写在页面内,链接CSS样式文件) 3.介绍了不同的选择器(3种) 4.选择器的声明:集体,嵌套 5.css继承:父子嵌套继承 6.C ...

  3. Conversion error:Jekyll::Converters::Scss encountered an error while converting css/main.scss

    错误描述:Conversion error: Jekyll::Converters::Scss encountered an error while converting 'css/main.scss ...

  4. CSS 选择器:BeautifulSoup4解析器

    和 lxml 一样,Beautiful Soup 也是一个HTML/XML的解析器,主要的功能也是如何解析和提取 HTML/XML 数据. lxml 只会局部遍历,而Beautiful Soup 是基 ...

  5. CSS Modules

    css-loader 提供了一种叫做 CSS Modules 的方案,可以帮我们自动生成唯一的类名,不会和其他模块的命名出现冲突 要使用 CSS Modules 有几个步骤,首先需要在 webpack ...

  6. css 伪元素::after与::before的使用

    CSS伪元素是用来添加一些选择器的特殊效果. 一般使用是 类或者id::after , 类或者id::before ::after是在类的后面处理逻辑 ::before 是在先的前面处理逻辑 它们 都 ...

  7. 前端之css基础学习(更正版)

    css是什么 CSS是Cascading Style Sheets的简称,中文称为层叠样式表,用来控制网页数据的表现,可以使网页的表现与数据内容分离. 简单的说css的引入就是为了使得HTML语言能够 ...

  8. div css 常用技巧

    div css 常用技巧 1.给图片加上alt属性:  <img src="logo.gif" alt="我的公司logo,点击返回首页" /> 2 ...

  9. CSS单位分析及CSS颜色表示法、颜色表(调色板)

    CSS单位主要分析em.rem.fr这三个较难理解的单位吧,平常的px.%.cm那些就不谈了嘛. px在不同场景之下为同样的值,我们把它称作绝对单位,而em和rem受外部因素的影响下而改变,因此称作相 ...

最新文章

  1. sdr 软件_SDR 软件定义的无线电
  2. 【转载】CSS 入门精要(一)
  3. libsvm使用心得
  4. mysql 创建表并设置主键自增
  5. L1-065 嫑废话上代码 (5 分)-PAT 团体程序设计天梯赛 GPLT
  6. hdfs java api 读写文件操作_第十讲:通过JavaAPI对HDFS读写
  7. Java基础知识回顾--正则表达式
  8. java面向接口编程详解
  9. GJB150A-2009中温度试验随记
  10. 谭浩强C语言(第三版)习题9.10
  11. 利用ES4封装Windows10
  12. pythonjam教程_colorama(pythonjam官网)
  13. 穷举法破解密码-方法详解
  14. Unity游戏开发图片纹理压缩方案
  15. Ubuntu 建立局域网
  16. 云林深处,一场灵魂的宿醉
  17. iOS推送之远程推送
  18. re python 引擎_python 详解re模块
  19. Spark Streaming简介 (三十四)
  20. 通过简单的强化学习实现井字棋(Tic-Tac-Toe)

热门文章

  1. python文件和目录操作方法
  2. Spring整合Hibernate。。。。
  3. git合并指定文件到另一分支
  4. 小程序开发实战学习笔记
  5. 增强型for和Iterator学习
  6. 以数据为核心的SOC3.0时代到来
  7. Ubuntu Terminal Shortcut
  8. 你试过这样写C程序吗
  9. Exchange Server2010系列之七:多邮箱搜索找出神秘邮件的幕后黑手
  10. 在2012年安装XCODE旧版本的错误解决方法