-
- weixin_慕莱坞3415700 2019-10-19
<body> <div class="wrap effect"> <h1>Shadow Effect</h1> </div> </body>
.effect:after{ content:'hello'; }因为h1的line-height设为了200px，而.wrap的height也是200px，所以hello跑到了盒子外面
-
截图0赞 · 0采集
-
- weixin_慕莱坞3415700 2019-10-19
content内容除了可以是字符串外，也可以用attr来获取标签上的一些属性，也可以用url来指定一张图片、一个文件
- 0赞 · 0采集
-
- weixin_慕莱坞3415700 2019-10-19
<body> <div class="wrap effect"> <h1>Shadow Effect</h1> </div> </body>
.effect:before{ content:'hello'; }-
截图0赞 · 0采集
-
- weixin_慕莱坞3415700 2019-10-19
:after与:before用法
:after选择器：在被选元素的内容后面插入内容
:before选择器：在被选元素的内容前面插入内容
说明：需使用content属性来指定要插入的内容
浏览器兼容：IE、Firefox、Chrome、Safari、Opera
对于IE8及更早版本中的:after，必须声明<!DOCTYPE>
- 0赞 · 0采集
-
- 慕UI5236663 2018-12-03
:before :after
- 0赞 · 0采集
-
- 前端薇薇 2018-02-05
- :before,:after的用法： ：after,在被选元素的内容后面插入内容 ：before，在被选元素的内容后面插入内容 说明：需要使用content属性来指定要插入的内容
-
截图0赞 · 0采集
-
- 安然时光 2017-08-17
- 水平和垂直都设置为0.阴影四边都有，inset是内阴影，往里缩的。需要考虑浏览器的兼容性 CSS3中：after和：before的用法讲解 :after 选择器：在被选元素的后面插入内容 ：before 选择器：在被选元素的前面插入内容 说明：需使用content属性来指定要插入的内容 浏览器兼容：对于IE8及更早版本中的：after，必须声明<!DOCTYPE>
- 0赞 · 0采集
-
- 安然时光 2017-08-17
- :after与:before用法
-
截图0赞 · 0采集
-
- qq_津暖_03815493 2017-05-22
- ssssssss
-
截图0赞 · 0采集
-
- 小新新_招财的仙女 2017-05-11
- 伪元素 ：after :before
-
截图0赞 · 0采集
-
- orangewangjie3473319 2017-04-21
- ：after与 ：before用法
-
截图0赞 · 0采集
-
- 雨安 2017-02-03
- 单冒号(:)用于CSS3伪类，双冒号(::)用于CSS3伪元素。 伪元素由双冒号和伪元素名称组成。双冒号是在当前规范中引入的，用于区分伪类和伪元素。但是伪类兼容现存样式，浏览器需要同时支持旧的伪类，比如:first-line、:first-letter、:before、:after等。 对于CSS2之前已有的伪元素，比如:before和:after，单冒号和双冒号的写法::before和::after作用是一样的。 如果只需要兼容webkit、firefox、opera等浏览器，建议对于伪元素采用双冒号的写法，如果不得不兼容IE浏览器，还是用CSS2的单冒号写法比较安全。
- 1赞 · 1采集
-
- 慕数据0204790 2017-01-01
- 单冒号(:)用于CSS3伪类，双冒号(::)用于CSS3伪元素。 伪元素由双冒号和伪元素名称组成。双冒号是在当前规范中引入的，用于区分伪类和伪元素。但是伪类兼容现存样式，浏览器需要同时支持旧的伪类，比如:first-line、:first-letter、:before、:after等。 对于CSS2之前已有的伪元素，比如:before和:after，单冒号和双冒号的写法::before和::after作用是一样的。 如果只需要兼容webkit、firefox、opera等浏览器，建议对于伪元素采用双冒号的写法，如果不得不兼容IE浏览器，还是用CSS2的单冒号写法比较安全。
- 0赞 · 0采集
-
- 玉鸯子 2016-12-13
- ::after与::before
-
截图0赞 · 0采集
-
- 慕数据0204790 2016-11-25
- 水平和垂直都设置为0.阴影四边都有，inset是内阴影，往里缩的。需要考虑浏览器的兼容性 CSS3中：after和：before的用法讲解 :after 选择器：在被选元素的后面插入内容 ：before 选择器：在被选元素的前面插入内容 说明：需使用content属性来指定要插入的内容 浏览器兼容：对于IE8及更早版本中的：after，必须声明<!DOCTYPE>
- 0赞 · 0采集
-
- 我要成为前端大姐大 2016-07-24
- .affect:after{<br> content:'插入的内容（内容/attr/url）';<br> }<br> .affect:boefore{<br> content:'插入的内容（内容/attr/url）';<br> }
-
截图0赞 · 0采集
-
- hxx__326 2016-07-11
- .affect:after{<br> content:'插入的内容（内容/attr/url）';<br> }<br> .affect:boefore{<br> content:'插入的内容（内容/attr/url）';<br> }
- 0赞 · 0采集
-
- TWT 2016-06-07
- :after 与 :before 用法
-
截图0赞 · 1采集
-
- Sweet_Gao 2016-05-11
- :before与 :after 用法
-
截图0赞 · 0采集
-
- conftum 2016-03-15
- :after&:before
-
截图0赞 · 0采集
-
- Amy1234567 2016-02-24
- 水平和垂直都设置为0.阴影四边都有，inset是内阴影，往里缩的。需要考虑浏览器的兼容性 CSS3中：after和：before的用法讲解 :after 选择器：在被选元素的后面插入内容 ：before 选择器：在被选元素的前面插入内容 说明：需使用content属性来指定要插入的内容 浏览器兼容：对于IE8及更早版本中的：after，必须声明<!DOCTYPE>
- 0赞 · 1采集
-
- q_阳阳羊_0 2015-12-20
- before和after
-
截图0赞 · 3采集
-
- 梦想的天空 2015-11-25
- 水平和垂直都设置为0.阴影四边都有，inset是内阴影，往里缩的。需要考虑浏览器的兼容性 CSS3中：after和：before的用法讲解 :after 选择器：在被选元素的后面插入内容 ：before 选择器：在被选元素的前面插入内容 说明：需使用content属性来指定要插入的内容 浏览器兼容：对于IE8及更早版本中的：after，必须声明<!DOCTYPE>
- 0赞 · 0采集
-
- Shinpro 2015-11-08
- CSS3 :after & :befor 在被选元素的前后插入内容
-
截图0赞 · 0采集
-
- UFO2015 2015-10-03
- content
-
截图0赞 · 0采集
-
- UFO2015 2015-10-03
- ：伪元素 ：before ：after
-
截图0赞 · 0采集
-
- 小尧 2015-09-28
- ：after,:before
-
截图0赞 · 0采集
-
- sunshineboy00 2015-09-13
- ：after与:before的用法 说明: 使用:after在被选择元素的后面添加元素内容 使用:before在被选择元素的前面添加元素内容
-
截图0赞 · 0采集
-
- 黑山老妖0 2015-08-20
- 水平和垂直都设置为0.阴影四边都有，inset是内阴影，往里缩的。需要考虑浏览器的兼容性
- 0赞 · 0采集
-
- Honghong1223 2015-08-05
- CSS3中：after和：before的用法讲解 :after 选择器：在被选元素的后面插入内容 ：before 选择器：在被选元素的前面插入内容 说明：需使用content属性来指定要插入的内容 浏览器兼容：对于IE8及更早版本中的：after，必须声明<!DOCTYPE>
-
截图1赞 · 2采集
数据加载中...