首页 > 其他分享 >:first-line 伪元素

:first-line 伪元素

时间:2023-03-27 14:14:19浏览次数:40  
标签:color text 元素 line properties first

:first-line 伪元素

"first-line" 伪元素用于向文本的首行设置特殊样式。

在下面的例子中,浏览器会根据 "first-line" 伪元素中的样式对 p 元素的第一行文本进行格式化:

实例

p:first-line { color:#ff0000; font-variant:small-caps; }

注意:"first-line" 伪元素只能用于块级元素。

注意: 下面的属性可应用于 "first-line" 伪元素:

  • font properties
  • color properties 
  • background properties
  • word-spacing
  • letter-spacing
  • text-decoration
  • vertical-align
  • text-transform
  • line-height
  • clear
https://www.81rz.com/bkzn164/

翻译

搜索

复制

标签:color,text,元素,line,properties,first
From: https://www.cnblogs.com/5-si6/p/17261351.html

相关文章

  • 伪元素和CSS类
    伪元素和CSS类伪元素可以结合CSS类: p.article:first-letter{color:#ff0000;}<pclass="article">文章段落</p>上面的例子会使所有class为article的段落的首字母......
  • 多个伪元素
    多个伪元素可以结合多个伪元素来使用。在下面的例子中,段落的第一个字母将显示为红色,其字体大小为xx-large。第一行中的其余文本将为蓝色,并以小型大写字母显示。段落中......
  • Python list列表添加元素
    Pythonappend()方法添加元素append()方法用于在列表的末尾追加元素,该方法的语法格式如下:listname.append(obj)其中,listname表示要添加元素的列表;obj表示到添加到列......
  • 代码随想录Day13-Leetcode239. 滑动窗口最大值,347.前 K 个高频元素,栈和队列总结
    239.滑动窗口最大值一开始没有思路,暴力了,然后果然超时;看提示中的单调队列没有特别明白;后面反应过来跟单调栈很像;也确实很符合本题的情况,一旦队尾出现更大的数,前......
  • 203. 移除链表元素
    c++解法解法1:先确定头节点,而后移动指针/***Definitionforsingly-linkedlist.*structListNode{*intval;*ListNode*next;*ListNode()......
  • Image-Line 的 FL Studio 21 新主题来啊
    自Image-Line发布FLStudio21以来,好奇的社区成员创造了新的好看的主题。我在网上查看了这些主题,并根据它们独特的外观和受欢迎程度选择了以下主题。不知道如何安装这些......
  • 6357.使数组元素全部相等的最少操作次数-338
    使数组元素全部相等的最小操作次数给你一个正整数数组 nums 。同时给你一个长度为m 的整数数组 queries 。第i 个查询中,你需要将nums 中所有元素变成 queries......
  • 什么是前端开发领域中的 time to first byte 指标
    在前端开发领域中,timetofirstbyte(TTFB)指标是指浏览器发出请求后,服务器第一次返回数据所花费的时间,即从请求发送到收到第一个字节的时间。这个时间包括了浏览器发出请求......
  • SharePoint Online 站点导航更新不生效
    前言最近,碰到了一个奇怪的事情,帮用户更新了站点导航的地址,但是用户看到的始终是旧的,即使强刷也不生效!正文后面,经过查找才发现,这是一个不算新的新功能了,导航......
  • Tensflow & Numpy to implement Linear Regresssion and Logistic Regression
    OptionalLab-NeuronsandLayers¶Inthislabwewillexploretheinnerworkingsofneurons/unitsandlayers.Inparticular,thelabwilldrawparallelstot......