返回首页 设计案例 文章动态 组件列表
联系我们

扫一扫微信二维码

CSS :first-letter 选择器

实例


选择每个 <p> 元素的首字母,并为其设置样式:

p:first-letter{
    font-size: 46px;
}




效果


QQ截图20191025170924.jpg





浏览器兼容性


QQ截图20191025170458.jpg


所有主流浏览器都支持 :first-letter 选择器。




定义和用法

:first-letter 选择器用于选取指定选择器的首字母。

注释:以下属性可与 :first-letter 使用:

<ul style="margin-top: 15px; margin-bottom: 20px; margin-left: 35px; padding: 0px; border: 0px; line-height: 21px; font-family: PingFangSC-Regular, Verdana, Arial, 微软雅黑, 宋体; font-size: 14px; white-space: normal; class=" list-paddingleft-2">

  • 字体属性

  • 颜色属性

  • 背景属性

  • 外边距属性

  • 内边距属性

  • 边框属性

  • text-decoration

  • vertical-align(只有在 float 为 'none' 时)

  • text-transform

  • line-height

  • float

  • clear




建站咨询

点我咨询

建站咨询热线

153-2135-3313

QQ,新浪是独立账号信息不互通

Q Q 登陆

我已阅读并接受 《注册声明》与《版权声明》

没有账号?立即注册

QQ,新浪是独立账号信息不互通

Q Q 注册

我已阅读并接受 《注册声明》与《版权声明》

已有账号?

注册声明

一、用户注册、登陆,视为接受本协议的约束。

二、用户承诺遵守国家的法律法规及部门规章

三、用户承诺遵守“313组件库”的知识产权政策.

四、站内插件用于行业交流、学习。

五、用户侵犯第三人的知识产权,由该用户承担全部法律责任。

版权声明

313组件库(www.yu313.cn)站内所有涉及插件及代码由会员或站主上传而来,313组件库不拥有会员上传的插件及代码的版权

313组件库作为网络服务提供者,对非法转载,盗版行为的发生不具备充分的监控能力。但是当版权拥有者提出侵权指控并出示充分的版权证明材料时,313组件库负有移除盗版和非法转载作品以及停止继续传播的义务。313组件库在满足前款条件下采取移除等相应措施后不为此向原发布人承担违约责任或其他法律责任,包括不承担因侵权指控不成立而给原发布人带来损害的赔偿责任。

如果版权拥有者发现自己作品被侵权,请及时向313组件库提出权利通知,并将姓名、电话、身份证明、权属证明、具体链接(URL)及详细侵权情况描述发往版权举报专用通道,313组件库在收到相关举报文件后,在3个工作日内移除相关涉嫌侵权的内容

QQ:515184405(周一到周五,9:30-18:00)

首页 案例 组件 我的