首页 > 其他分享 >伪元素和CSS类

伪元素和CSS类

时间:2023-03-28 13:24:52浏览次数:49  
标签:段落 www 元素 首字母 article CSS

伪元素可以结合CSS类: 

p.article:first-letter {color:#ff0000;}

<p class="article">文章段落</p>
https://www.lekaowang.com/cjhjs/zx/ksdg/

上面的例子会使所有 class 为 article 的段落的首字母变为红色。

翻译

搜索

复制

标签:段落,www,元素,首字母,article,CSS
From: https://www.cnblogs.com/5-si6/p/17264786.html

相关文章

  • CSS - :before 伪元素
     ":before"伪元素可以在元素的内容前面插入新内容。下面的例子在每个<h1>元素前面插入一幅图片:实例h1:before{content:url(smiley.gif);}https://www.lekao......
  • 几段纯 CSS 代码实现的 漂亮边框效果
    半透明边框border:10pxsolidhsla(0,0%,100%,.5);background-clip:padding-box;缝边效果outline:1pxwhitedashed;outline-offset:-10px;border......
  • CSS之伪类选择器,属性选择器
    一.结构伪类选择器伪类选择器一般的格式是使用冒号来表示  :一般其它的伪类选择器很少使用,但是a标签的个性化都是使用的伪类选择器来个性化,所以对于a标签的个性化需要......
  • CSS 圆角输入框
    ff,chrome,safari下面可以用圆角边框来实现,IE下面还是用背景比较好 Java代码  input{height:18px;inline-height:18p......
  • python基本语法元素
    命名与保留字注:嵩天老师的python课的笔记python语言程序设计(慕课)变量:程序中保存和表示数据的占位符号如:Money=input()#从键盘获取一串字符串后将字符串赋值给Mon......
  • 使用 position: sticky 达到粘性元素区域悬浮效果
    在一些很长的表格中,常常会使用表头悬浮的设计以方便阅读,即在表格离开窗口之前,表头会一直fixed悬浮在表格的最顶上。还有许多诸如评论框等元素,也采用了这种被称为StickyP......
  • CSS3 Media Query 响应式媒体查询
    在CSS中,有一个极其实用的功能:@media响应式布局。具体来说,就是可以根据客户端的介质和屏幕大小,提供不同的样式表或者只展示样式表中的一部分。通过响应式布局,可以达到只使用......
  • CSS in JS (JSS)
    JSS是什么简单来说,一句话概括CSSinJS(JSS),就是"行内样式"(inlinestyle)和"行内脚本"(inlinescript)。因为,自从React出现以后,基于组件化的要求,强制把HTML、CSS、JavaScr......
  • JS取出两个数组中的不同或相同元素(简易方法)
    一、使用concat和filter取出不同的元素(取出两个数组的不同元素==>既在arr1又在arr2)vararr1=[0,1,2,3,4,5];vararr2=[0,4,6,1,3,9];functiongetArrDifferenc......
  • first-letter 伪元素
    first-letter伪元素"first-letter"伪元素用于向文本的首字母设置特殊样式:实例p:first-letter{color:#ff0000;font-size:xx-large;}注意: "first-letter"伪......