请问老师为什么第一个字没有实现效果?

请问老师为什么第一个字没有实现效果?

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<style type="text/css">

div::first-line{color:#f00;} 

div::first-letter{font-size: 50px;} 

div::after{content:"完结";} 

div::selection{background: #ff0;

               color:#f00;}          

</style>

</head>

<body>

<div>加油加油加油加油加油加油加油加油加油加油加油加油加油加油加油加油加油加油加油加油

加油加油加油加油加油加油加油加油加油加油加油加油加油加油加油加油加油加油加油加油加油加油加油加油

加油加油加油加油加油加油加油加油加油加油加油加油加油加油加油加油加油加油加油加油加油加油加油加油加油加油

加油加油加油加油加油加油加油加油加油加油加油加油加油加油加油加油加油加油加油加油加油加油加油加油

</div>

</body>

</html>

http://img1.sycdn.imooc.com//climg/5d352b5f0001e26912510241.jpg

正在回答

登陆购买课程后可参与讨论,去登陆

2回答

同学你好!

不是很理解同学的意思,是否是去掉first-letter这句话也还是生效的?

经过测试,去掉时候就不生效了

http://img1.sycdn.imooc.com/climg/5d3570020001528104600066.jpg

http://img1.sycdn.imooc.com/climg/5d3570090001fbf101900069.jpg

建议同学保存修改后的代码刷新下浏览器再测试哦,或者不是这个问题同学可以将问题描述的再清楚一些在问答区进行提问~

如果帮助到了你 欢迎采纳 祝学习愉快~

  • 慕大斯 提问者 #1
    我是想问:为什么第一个字设置了::first-letter样式后,再设置div::selection就没有效果了?
    2019-07-22 17:50:55
  • 好帮手慕码 回复 提问者 慕大斯 #2
    是的哦,同学的理解是正确的,这两个效果是有冲突的,无法选中 如果帮助到了你 欢迎采纳 祝学习愉快~
    2019-07-22 19:16:31
好帮手慕码 2019-07-22 16:07:14

同学你好!

第一个字是字体大小为50px的样式,是生效的

http://img1.sycdn.imooc.com//climg/5d356e640001463f04200050.jpg

http://img1.sycdn.imooc.com//climg/5d356e720001d1ab02820114.jpg

http://img1.sycdn.imooc.com//climg/5d356ea3000191c702710155.jpg

如果帮助到了你 欢迎采纳 祝学习愉快~

  • 提问者 慕大斯 #1
    我知道,我也试过把这个样式去掉之后是生效的,可是为什么?有冲突么?
    2019-07-22 16:10:45
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师