[log] css选择器、伪类、伪元素

最新推荐文章于 2024-07-11 21:11:19 发布
最新推荐文章于 2024-07-11 21:11:19 发布
阅读量188 收藏 1
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/java_sparrow/article/details/85028325
版权
log 同时被 2 个专栏收录
55 篇文章 0 订阅
订阅专栏
html
11 篇文章 0 订阅
订阅专栏

选择器

在这里插入图片描述

在这里插入图片描述

伪元素

伪元素可以用于定位文档中包含的文本，但无法在文档树中定位，伪元素表示DOM外部的某种文档结构，使用双冒号

伪类

一般反映无法在css中轻松或可靠的检测到的某个元素属性或状态，

在这里插入图片描述

在这里插入图片描述

go_sparrow
关注
专栏目录
前端必修技能：高手进阶核心知识分享 - CSS伪类和伪元素
uu0216的博客
07-19 1102
伪类的效果可以通过添加一个实际的类来达到，而伪元素的效果则需要通过添加一个实际的元素才能达到，这也是为什么他们一个称为伪类，一个称为伪元素的原因。 伪类选择器和伪元素选择器虽然不是真正的元素，但它们在CSS中扮演着极其重要的角色。了解并熟练运用它们，可以让你的网页更加生动、互动性更强，同时也能更好地控制页面的布局和内容的表现。
css之伪类选择器:before :after(::before ::after)
weixin_34348111的博客
07-20 678
一、总结： ::before是在标签内容前面添加内容， ::after是在标签内容后面添加内容 ::before ::after与:before :after的区别：css3中修订后的伪元素使用：：两个冒号，使用单冒号和双冒号的功能还是一样，IE8只支持单冒号的伪元素，所以使用单冒号的最安全。 关于伪元素和伪类（选择器）： 伪元素： 伪类选择器： 二、实例： ...
css的伪类before的使用
平凡之路
04-08 684
首先我们还是先上效果图： 看我我在最新New之前利用before伪类加了一个竖标识； 直接上代码： 结构如下： <view class="new {{newSelect?'active':''}}" @tap="choseNew"> 最新<image src="../../images/index/new.png"/> ...
CSS中的before,after伪类选择器
缪子龙的博客
08-24 364
首先,它是在css中的,所以不占DOM,既然不占DOM,JS就没办法操作 第二,它就是个选择器,我们需要在选择器中填入内容 所以必须有content属性,就算是空也必须有 第三,没有什么神秘的,非用不可的情况 可以使用html改写 <div class="demo"> 123 </div> .demo:before { content: 'abc';...
CSS 中的 ::before 和 ::after 伪元素
最新发布
m0_65029152的博客
07-11 3780
本文主要记录CSS中的 ::before 和 ::after 伪元素的相关内容和使用场景；
CSS伪类选择器使用实例
Mentina的小屋
03-14 2882
    今天的小技巧主要是搞明白了CSS3新增的伪类选择器，并和之前的伪类选择器做比较~~~    每一次看伪类选择器的介绍总有一种语文没学好的感觉，so只能上实例理解了~    这次主要学习了 :first-of-type/:last-of-type/:only-of-type/:nth-child(n)//============================================...
CSS选择器和jQuery选择器
01-31
### CSS选择器与jQuery选择器详解 #### 一、引言 在现代Web开发中，选择器扮演着至关重要的角色。无论是对HTML元素应用样式还是对其进行动态操作，选择器都是必不可少的工具。本文将深入探讨两种常用的选择器——...
JS控制伪元素的方法汇总
10-22
由于伪元素并不实际存在于DOM中，它们是CSS渲染层的一部分，因此JavaScript的DOM操作方法，包括jQuery的选择器，都无法直接作用于伪元素。例如，尝试使用`$(“:before”)`或`document.querySelector(“:before”)`...
jQuery 遍历css选择器
12-27
jQuery支持多种CSS选择器，包括基本选择器（如`#id`、`.class`、`tag`）、关系选择器（如`>`、`+`、`~`）、属性选择器（如`[attr]`、`[attr=value]`、`[attr^=value]`等）以及伪类选择器（如`:hover`、`:first-child...
2.3伪元素：2.3伪元素
02-24
伪元素通过在选择器后面使用双冒号（::）来定义，这与伪类（pseudo-classes）的单冒号（:）区分开来。伪元素主要分为两大类：第一代伪元素和第二代伪元素。第一代伪元素包括`::first-letter`、`::first-line`和`::...
[log] css常用样式
好好学习，天天向上
11-08 320
文字排版 文字截断 场景:一般是处理商品名称过长 white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; ...
::before 和 ::after 伪元素选择器
weixin_58697368的博客
11-08 450
伪元素不是真正的页面元素，在 HTML 中没有对应的元素。伪元素代表了某个元素的子元素，这个子元素虽然在逻辑上存在，实际并不存在于 HTML 文档中。伪元素在 HTML 中无法审查，但是伪元素的用法和真正的页面元素一样，可以用来对CSS设置样式，用于将特殊的效果添加到某些选择器。
css :before / :after 伪类选择器的真正作用及使用场景
cookcyq__的博客
12-10 5909
css :before / :after 伪类选择器的真正作用及使用场景
css伪类和伪元素的前世今生，:before和::before傻傻分不清！
xiaokangyingrui的博客
03-07 429
css伪类和伪元素的前世今生，:before和::before傻傻分不清！善用工具 也善洞悉本质
CSS 伪类选择器中的: 和 ::(冒号区别)
idomyway的博客
04-22 8682
    在平时工作中用到伪类选择器的时候一个冒号和两个冒号貌似都是可以的，所以两者到底有什么区别呢，我们先来看下W3C关于CSS3选择器的规范中有一段描述：     A pseudo-element is made of two colons (::)followed by the name of the pseudo...
:before , :after 伪类选择器（CSS选择器 一）
qq_45516629的博客
04-20 1779
1、:before 选择器 定义和用法 1）:before 选择器在被选元素的内容前面插入内容。 2）请使用 content 属性来指定要插入的内容。 代码示例： 在每个 元素前面插入内容，并设置所插入内容的样式： p:before { content:"台词：-"; background-color:yellow; color:red; font-weight:bold; } 2、:afte...
css3中的伪类before和after常见用法
热门推荐
u013594477的专栏
05-21 2万+
before/after伪类相当于在元素内部插入两个额外的标签，其最适合也是最推荐的应用就是图形生成。在一些精致的UI实现上，可以简化HTML代码，提高可读性和可维护性。国外这两个伪类应用相当的普及以及兴盛，不过貌似我们这边前端er们普遍缺乏使用这两个伪类的意识，要使用顶多也就是跟风的“清除浮动”应用。 1.基本用法 :before和:after的作用就是在指定的元素内容（而不是元素本身）之前...
CSS3属性选择器及伪类选择器
huangbaokang的博客
08-22 3909
CSS3相比CSS2在选择器中增加了通配符的概念，赋予其强大功能。 E[attr^=&amp;amp;amp;amp;quot;val&amp;amp;amp;amp;quot;] 定义了属性attr，并且以val开头的任意字符串 E[attr$=&amp;amp;amp;amp;quot;val&amp;amp;amp;amp;quot;] 定义了属性attr，并且以val结尾的任意字符串 E[attr*=&amp;amp;amp;amp;quot;val
伪类选择器 before-- ---after ！
weixin_44017414的博客
12-13 929
在p之前或者之后添加内容，需用content，冒号，双引号，包括选择器里所有的定义内容，只对添加的内容有效。  &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;&lt;/title&gt; &lt;style type="tex
js获取元素的伪元素
08-30
伪元素是通过CSS选择器和样式规则创建的，它们并不是DOM的一部分，因此无法直接通过JavaScript来操作它们。 如果你想获取应用了伪元素的样式属性值，可以使用`window.getComputedStyle()`方法。该方法返回一个对象...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值