CSS选择的使用--获取style=“color: rgba(0, 128, 128, 1)“的标签

最新推荐文章于 2024-05-01 12:01:29 发布
最新推荐文章于 2024-05-01 12:01:29 发布
阅读量664 收藏
点赞数
文章标签： css
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44459101/article/details/116975264
版权

在一个需求当中遇到这样一个问题，该如何利用选择器获取如下图所示的span标签呢，它既没有id，也没有class等属性，只有style="color: rgba(0, 128, 128, 1)"一个属性。

查看CSS选择器使用手册：CSS 选择器参考手册 (w3school.com.cn)

[attribute=value][target=_blank]选择带有 target="_blank" 属性的所有元素。

尝试一下，不带双引号不行，带上双引号就成功了（具体问题具体分析）：

 

 

凝眸听雨
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
css3 animation transform鱼游动动画特效.zip
07-11
/*background-color: rgba(0,0,0,0.4);*/ position: absolute; left:0; top:0; animation: run 20s linear infinite; animation-direction: normal; } .fish{ width: 174px; height: 126px; position: ...
CSS背景属性
qq_45491681的博客
11-14 79
background-color: 属性值：颜色名，16进制，rgb函数和rgba函数–a值透明 background-image: 定义背景图片默认值为none(不显示)，设置图片路径用url(路径) background-repeat: 控制图片的平铺，repeat-x(沿着y轴平铺) repeat-y(沿着y轴平铺) no-repeat(不平铺) background-position: 设置图片原点的位置，x轴：left(左) center(中) right(又) y轴
css笔记
wh9109的博客
03-26 232
一，css简介 1，什么是css css：Cascading style sheet 是一组样式设置规则，用于控制页面的外观样式 2，为什么使用css 实现内容与样式的分离，便于团队开发 可以实现样式的复用，便于网站的后期维护 页面得到精确控制，让页面更精美 3，css作用 页面外观美化 布局和定位 二，基本用法 1 font-size（设置字体大小 px为单位） 2 font-wei...
style = “color:####“包含的颜色名称对照表
weixin_44322778的博客
07-03 2190
https://wenku.baidu.com/view/def62fd25f0e7cd1852536a9.html
CSS基本语法
qq_39301366的博客
08-04 577
CSS样式规则： CSS规则由两部分构成：选择器（告诉浏览器给谁设置样式），声明（每个声明由属性和值构成由分号隔开位于大括号内） CSS注释：/* */ 例：h1{color:red;font-size:14px;}        相同属性和值的选择器可以重叠：h1，h2，p{color:red;font-size:14px;} CSS使用方法，如何引用CSS样式 1.行内样式（内联样式） 在开...
CSS样式介绍
weixin_30767921的博客
07-20 245
1、内联式css样式，直接写在现有的HTML标签中 CSS样式可以写在哪些地方呢？从CSS 样式代码插入的形式来看基本可以分为以下3种：内联式、嵌入式和外部式三种。这一小节先来讲解内联式。 内联式css样式表就是把css代码直接写在现有的HTML标签中，如下面代码： <p style="color:red">这里文字是红色。</p> 注意要写在元素的开始标签里，下面...
获取CSS中的属性
jonsen的博客
05-29 927
DOM2级样式”增强了document.defaultView，提供了getComputedStyle()方法。这个方法接受两个参数：要取得计算样式的元素和一个伪元素字符串（例如“:after”）。如果不需要伪元素信息，第二个参数可以是null。getComputerStyle()方法返回一个CSSStyleDeclaration对象，其中包含当前元素的所有计算的样式var myDiv = doc...
html中的颜色的几种输出方式
weixin_46683645的博客
08-14 1128
html中的颜色的几种输出方式 6位十六进制 <span style="color:#eefa27;">Hello World</span> 短十六进制 rgb三个颜色中的两个数字是一样的，这时可以缩写 <span style="color:af7;">Hello Wrold</span> 英文 <span style="color:red">Hello Wrold</span> rgb(0,0,0) 每一位都可以填
Neuron-lang：Neuron是一种可直接编译为HTML，CSS和JavaScript的语言
02-02
background-color : rgba ( 0 , 0 , 0 , 0 ); } </ style > < img xss=removed xss=removed> < script > image = document . getElementById ( "image" ) ; image . style . backgroundColor = `...
html的个人学习笔记 html-css.html
10-09
3,rgba(多了一个透明度属性,0-1) 4.十六进制 #FFEE00 FF代表R，EE代表G，00代表B 转换：第一位*16+第二位（仅限于此） 5.十六进制缩写 #F00 代表 #FF0000 当每两位的值都一样是就可以简写 -->
CSS3实现网页平滑过渡效果
01-07
text-shadow:1px 1px 1px rgba(0,0,0,0.1); } .st-panel h2{ color: #e23a6e; font-size: 54px; line-height: 50px; text-align: center; font-weight: 900; width: 80%; position: absolute; left:10%; ...
js+css实现打字效果
11-30
本文实例为大家分享了JavaScript实现打字效果的具体代码，供大家参考，具体内容... background-color:rgba(0,0,0,0.3); color:hsla(0,100%,70%,1); word-wrap:break-word; line-height:30px; letter-spacing:3px;
前端专题 RGB和RGBA（ rgb 和 rgba ），及十六进制 颜色介绍
weixin_44131922的博客
08-09 5299
RGB 三原色，Red， Green，Bule的简称。 在实际前端style中使用的时候是这样的 举个栗子 <div style="background-color: rgb(255,0,0); width: 10px; height: 10px;"></div> 效果就是一个红色的小方块，其中的rgb可以作为颜色的取值工具，或者函数来理解。 变化范围为0~255，三个分别对应三原色的程度，都是零就是没有颜色，没有色彩就是一片黑暗，也就是黑色。对应的全为255则为白色。 不同程度的
CSS-颜色
qq_53002037的博客
05-23 69
自学尚硅谷笔记
Css-style属性的设置和获取
阿甘正传
09-12 2398
style属性的设置和获取 在DOM当中，如果想设置样式，有两种形式： className（针对内嵌样式表） style（针对行内样式） 这一段就来讲一下style。 需要注意的是：style是一个对象，只能获取行内样式，不能获取内嵌的样式和外链的样式。例如： <!DOCTYPE html> <html lang="en"> <head> &...
HTML中表示颜色的函数是什么,Sass函数颜色函数Opacity函数_html/css_WEB-ITnose
weixin_31034309的博客
06-17 433
Opacity函数简介在 CSS 中除了可以使用 rgba、hsla 和 transform 来控制颜色透明度之外，还可以使用 opacity 来控制，只不过前两者只是针对颜色上的透明通道做处理，而后者是控制整个元素的透明度。在 Sass 中，也提供了系列透明函数，只不过这系列的透明函数主要用来处理颜色透明度：alpha($color) /opacity($color)：获取颜色透明度值；rgba...
css 的rgba属性
a1462746681的博客
11-23 2317
CSS3里目前用的比较广的RGBA属性的高级使用方法。这个属性的兼容问题比较简单，IE8已经支持这个属性，IE6和IE7也可以通过hack支持。RGBA和CSS2里的RBG属性差不多，只是RGBA属性多了一个透明度的定义 【兼容：IE9】 RGBA的强大之处在于，通过对透明度的定义和不同层的颜色混合可以呈现出更多的颜色，就像颜料的混合一样。且不影响子节点 在IE8等古董级浏览器中是不支持的rgba...
区分rgba()和opacity
AndrewNeo
04-17 987
R：红色值。正整数 | 百分数 G：绿色值。正整数 | 百分数 B：蓝色值。正整数 | 百分数 A：Alpha透明度。取值0~1之间。取值 为0表示完全透明，取值为1时表示完全不透明。 rgba()和opacity都能实现透明效果，但区别在于 rgba()只作用于元素自身的颜色或背景色，对元素的内容没有影响； opacity在作用于元素自身的颜色或背景色的同时，也作用于元素内的内容的透...
有关CSS中排版常见问题（清除默认样式问题 + 元素居中问题 + 元素之间的空白问题 + 行内块的幽灵空白问题）
最新发布
秋刀鱼不做梦的编程日常
05-01 970
有关CSS中排版常见问题（清除默认样式问题 + 元素居中问题 + 元素之间的空白问题 + 行内块的幽灵空白问题）
<div style="display: flex;display: -webkit-box;align-items: center;-webkit-box-align: center;color: #fff;font-size: 15px;text-shadow: 0px 1px 1px rgba(142, 42, 12, 0.5);"> <span style="color: #ffffff;">恭喜 人间小甜甜 (ID:1684593)</span> <span style="color: #edbc52;">获得2022年度神豪榜总冠军</span> </div> 优化一下这段代码 使其中的文字能够全方位居中
06-10
text-shadow: 0px 1px 1px rgba(142, 42, 12, 0.5); text-align: center;"> <span style="color: #ffffff;">恭喜 人间小甜甜 (ID:1684593) <span style="color: #edbc52;">获得2022年度神豪榜总冠军 ``` 其中，...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值