首页 > 其他分享 >多个伪元素

多个伪元素

时间:2023-03-28 13:25:05浏览次数:20  
标签:字体大小 多个 color 元素 large xx font first

 

可以结合多个伪元素来使用。

在下面的例子中,段落的第一个字母将显示为红色,其字体大小为 xx-large。第一行中的其余文本将为蓝色,并以小型大写字母显示。

段落中的其余文本将以默认字体大小和颜色来显示:

实例

p:first-letter { color:#ff0000; font-size:xx-large; } p:first-line { color:#0000ff; font-variant:small-caps; } https://www.lekaowang.com/cjhjs/zx/bkzn/

翻译

搜索

复制

标签:字体大小,多个,color,元素,large,xx,font,first
From: https://www.cnblogs.com/5-si6/p/17264788.html

相关文章

  • 伪元素和CSS类
    伪元素可以结合CSS类: p.article:first-letter{color:#ff0000;}<pclass="article">文章段落</p>https://www.lekaowang.com/cjhjs/zx/ksdg/上面的例子会使所有class......
  • CSS - :before 伪元素
     ":before"伪元素可以在元素的内容前面插入新内容。下面的例子在每个<h1>元素前面插入一幅图片:实例h1:before{content:url(smiley.gif);}https://www.lekao......
  • Spring竟然可以创建“重复”名称的bean?—一次项目中存在多个bean名称重复问题的排查
    作者:京东科技韩国凯一、项目中存在了名称重复的bean众所周知,在Spring中时不能够创建两个名称相同的bean的,否则会在启动时报错:但是我却在我们的spring项目中发现了两个......
  • 在python的setup.py中如何指定多个extra-index-url?
    [本文出自天外归云的博客园]以下内容来自chatGPT的回答(正解,已验证)问题:在pythonsetup.py中如何指定多个extra-index-url?在`setup.py`文件中,我们可以使用`setuptools`......
  • 如何单机部署多个 MySQL 8.0 实例 ?
    在服务器资源有限的情况下,可利用该方案快速搭建各类mysql架构方案。各MySQL实例共享一个mysqld主程序,但各实例数据目录是独立的,存放在不同的文件夹中;好了、废话不多......
  • python基本语法元素
    命名与保留字注:嵩天老师的python课的笔记python语言程序设计(慕课)变量:程序中保存和表示数据的占位符号如:Money=input()#从键盘获取一串字符串后将字符串赋值给Mon......
  • 使用 position: sticky 达到粘性元素区域悬浮效果
    在一些很长的表格中,常常会使用表头悬浮的设计以方便阅读,即在表格离开窗口之前,表头会一直fixed悬浮在表格的最顶上。还有许多诸如评论框等元素,也采用了这种被称为StickyP......
  • Python:绘制柱状图时,多个柱子黏在一起
    问题在用df.plot.bar()绘制柱状图时,预想中分开的多列却绘制到了一列中,导致绘制结果出错预期 错误绘制原始数据 我的数据是由date和energy两列构成的,需要绘制时......
  • 三个步骤帮你决定你今天吃什么(附20多个免费可用的高质量 API 推荐)
    写在最前今天吃什么?已经成了每天的生活难题,但是你一定不知道,世界上有一种非常好玩的API叫做“今天吃什么”!是的,它是专门为吃饭困难户而诞生的,它可以随机返回n个菜式......
  • JS取出两个数组中的不同或相同元素(简易方法)
    一、使用concat和filter取出不同的元素(取出两个数组的不同元素==>既在arr1又在arr2)vararr1=[0,1,2,3,4,5];vararr2=[0,4,6,1,3,9];functiongetArrDifferenc......