6月14号=》136页-145页
6.3.6 包含选择器
代码示范:
//该样式仅对该父元素所指定的子元素起作用
父元素 父元素包含的元素{ 定义对该元素起作用的css样式 }
6.3.7 css3新增的兄弟选择器
代码示范:
//该样式仅对某元素后面的兄弟元素起作用
某元素 ~ 某元素后面的兄弟元素{ 定义对该元素起作用的css样式 }
6.3.8 选择器组合
代码示范:
//该样式对下列所有指定的元素起作用
元素1,元素2,元素3,元素4,元素5,{ 定义对该元素起作用的css样式 }
6.4 伪元素选择器
伪元素选择器并不是针对真正的元素使用的选择器,伪元素选择器只能针对css中已有的伪元素起作用。
css提供的伪元素选择器有如下几个:
:first-letter:该选择器对应的css样式对指定对象内的第一个字符起作用。该元素只能对块级元素起作用。
:first-line:该选择器对应的css样式对指定对象内的第一行内容起作用。该元素只能对块级元素起作用。
:before:该选择器与内容相关的属性结合使用,用于在指定对象内部的前端插入内容。
:after:该选择器与内容香菇的属性结合使用,用于在指定对象内部的尾端添加内容。
语法示范:
//该css样式只对下列块级元素内的第一个字符起作用。
块级元素:first-letter{ 定义对该元素起作用的css样式 }
//该css样式只对插入的文字起作用。
元素:before{ content:需要插入的文字; 定义对该元素起作用的css样式 }
6.4.1 内容相关的属性
css支持的内容相关的属性有如下几个:
include-source:该属性的值应为url(url),插入绝对或相对URL地址所对应的文档。
content:该属性的值可以使字符串、url(url)、attr(alt)、counter(name)、counter(name、list-style-type)、
open-quote、close-quote 等格式。该属性用于向指定元素之前或之后插入指定内容。
quotes:该属性用于为content属性定义open-quote 和close-quote,该属性的值可以是两个以空格分隔的字符串,
其中前面的字符串是 open-quote,后面的字符串是 close-quote。
counter-increment:该属性用于定义一个计数器。该属性的值就是所定义的计数器的名称。
counter-reset:该属性用于对指定的计数值复位。
上面介绍的content属性是核心,counter-increment、counter-reset都需要和content结合使用。
6.4.2 插入图像
content属性的值除了支持普通的字符串之外,还可使用url(url)格式的值,这种格式的值可以用于插入图像。
代码示范:
//指定向元素内部的尾端插入content属性对应的内容
元素:after{ content:url("abc.gif")}
6.4.4 配合quotes属性执行插入
代码示范:
//为指定x元素定义open-quote为<<,close-qutoe为>>
x元素:{ quotes: "<<" ">>"}
//为指定x元素的前端插入open-quote
x元素:before{ content: open-quote}
//为指定x元素的尾端插入close-quote
x元素:after{ content: close-quote}
转载于:https://www.cnblogs.com/duzuoyan/p/3789930.html
6月14号=》136页-145页相关推荐
- 2345浏览器,2011年4月14号的V1.1, beta版本又这些新功能!
系列文章目录 第二章 :2345浏览器,2011年4月14号的V1.1, beta版本又这些新功能! 文章目录 系列文章目录 前言 2011-04-14 V1.1 beta版 新增功能 新增改进 BU ...
- 12月14号发布的Notes Domino 12.0.1正式版
大家好,才是真的好. 我们的小道消息总是那么精准,又一次的,HCL在12月14号当天发布了Notes Domino 12.0.1,并可在HCL Flenet站点上进行下载. 又一次的,包含所有语言版本 ...
- 诛仙手游服务器正在维护6,诛仙手游6月14号更新维护公告
诛仙手游6月14号更新维护了什么内容?更新维护得多久?更新维护补偿是什么?希望这篇诛仙手游6月14号更新维护公告可以帮助大家! 为了给您提供更优质的游戏体验,<诛仙手游>[正式服(一剑诛仙 ...
- iOS每日一记之———————————————面试杂感。。。。 6月3号到6月14号
6月3号 下午 学乐中国 面试内容: block MBprogressHUD Xib约束问题 链式编程问题 KVO KVC 大隐 因为没技术面试 暂不评论 6月4号 七元 貌似在什么阿里百川创 ...
- 从2月14号开始,上传AppStore会碰到:Failed to locate or generate matching signing assets
从2月14号开始,上传AppStore时可能会碰到这个问题: Failed to locate or generate matching signing assets Xcode attempted ...
- 基础html交代选择器,html/css基础(html常用标签与css选择器)-2019年1月14号22时45分
实例 序号名称价格数量用途 1暖手宝301被窝太冷2笔记本电脑50001学习php3别墅2000万1结婚用 运行实例 » 点击 "运行实例" 按钮查看在线实例 五:表单 (1)表单 ...
- 工程架构师对3月14号的白×××人节有什么看法??
今天早上赶地铁的时候刷到一则故事:人挤人的火车上,男孩喜欢上了坐在过道另一边的女孩,一直想找机会跟对方认识,但是整个旅途女孩都望着窗外. 失落的男孩在自己的微博里说: " 很想跟她说话,但她 ...
- 为何公众号推送会延迟发送_[9月14号]专业的显卡测试软件 GPUZ(2.34)中文单文件版 显卡性能测试软件...
今天分享一个显卡性能监测软件GPU-Z,是一个文件版本,运行后直接显示显卡核心,工作频率,带宽和其他信息,是必不可少的神器. 介绍 基于官方英文版完全汉化 解决了脱壳问题 删除了原始版本中包含的所有非 ...
- 2014年阿里校招笔试题目(9月14号)
前言 博主明天上午9点还有面试,今天突然看到某大牌IT公司笔试题目,必须做一下了 题目 一.单选题 1.假设把整数关键码K散列到N个槽列表,以下哪些散列函数是好的散列函数 A: h(K)=K/N; B ...
- 工程架构师对3月14号的白色情人节有什么看法??
今天早上赶地铁的时候刷到一则故事:人挤人的火车上,男孩喜欢上了坐在过道另一边的女孩,一直想找机会跟对方认识,但是整个旅途女孩都望着窗外. 失落的男孩在自己的微博里说: " 很想跟她说话,但她 ...
最新文章
- com.mchange.v2.resourcepool.BasicResourcePool$AcquireTask@4e47db1f -- Acquisition Attempt Failed!!!
- Zookeeper的安装配置及基本开发
- java(13)内部类
- 合成复用原则java实例_第7节 合成复用原则
- spring 数组中随机取几个_美团Java研发三面(3年经验):MySQL+Spring源码+分布式+算法+线程...
- 【PM模块】技术对象管理
- notepad json格式化插件_Prettier + ESLint VSCode 插件配置指南
- 安卓和IOS自动化测试工具Ranorex简介
- 基于遗传算法的TSP算法
- java date获取24点_获取0点和24点时间戳的方式
- Manjaro Gnome Hidpi 缩放问题
- 轻量级网络——ShuffleNetV2
- NOIP2017普及组复赛——T4跳房子
- Java企业工商信息查询
- 记一次生产数据库事故
- 大数据面试常见问题(七)——面试部分
- dubbo核心源码流程分析
- 【Matlab】imresize的用法
- 历时7天,四名学生将《水浒传》搬到线上!
- Hive的核心概念以及建库建表语句
热门文章
- rcmd–App Switcher for Mac快速切换应用程序
- 苹果Mac如何使用Tuxera NTFS 格式化磁盘?
- Mac VLC播放器怎么禁止使用硬件解码?
- Duplicate File Finder pro如何查找删除相似照片
- 动态规划------平均切分数组之和为两部分
- IOS 百度地图集成
- OpenSSL is not properly installed on your system.
- 国联安 德盛 新基金 申购免手续费 产品好 利润高
- Property Bags Object Model中的小“陷阱”
- 金蝶ERP实现产品入库及委外加工冲减生产现场虚仓毛坯数(修正版07-05-10)