CSS属性选择器_伪类选择器的属性使用

CSS属性选择器_伪类选择器的属性使用css04.css1/*属性选择器相关样式*/234[love]{5color:green;6}78[love="me"]{9color:re

大家好,又见面了,我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。

Jetbrains全系列IDE使用 1年只要46元 售后保障 童叟无欺

css04.css
 1 /*属性选择器相关样式*/
 2 
 3 
 4 [love] {
 5     color: green;
 6 }
 7 
 8 [love="me"] {
 9     color: red;
10 }

  

 1 <!DOCTYPE html>  2 <html lang="ch-zn">  3 <head>  4 <meta charset="UTF-8">  5 <title>Title</title>  6 <link rel="stylesheet" href="css04.css">  7 <style>  8  div>[class^=first] {  9  color:yellow; 10 } 11  div>[class$=CD] { 12  color: aqua; 13 } 14 15  div>[class*=CA] { 16  color: chocolate; 17 } 18 19  div>[class~=c2] { 20  color: darkmagenta; 21 } 22 </style> 23 </head> 24 <body> 25 <p>我是一个p标签</p> 26 <p love="you" >我也是一个p标签 我有一个自定义属性love 其值为you</p> 27 <p love="and" >我也是一个p标签 我有一个自定义属性love 其值为and</p> 28 <p love="me">我也是一个p标签 我有一个自定义属性love 其值为me</p> 29 <div> 30 <p id="d1" class="first ABC">属性选择器 1 补充示例</p> 31 <p id="d2" class="first ABCE">属性选择器 2 补充示例</p> 32 <p id="d3" class="ADCD">属性选择器 3 补充示例</p> 33 <p id="d4" class="BCAD">属性选择器 4 补充示例</p> 34 <p id="d5" class="tBCADT">属性选择器 5 补充示例</p> 35 <p id="d6" class="c1 c2 c3 c4">属性选择器 6 补充示例</p> 36 <p id="d7" class="c1c2c3">属性选择器 7 补充示例</p> 37 </div> 38 </body> 39 </html>

 

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/167006.html原文链接:https://javaforall.cn

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(0)


相关推荐

  • 杜教筛 以及积性函数的前世今生 –算法竞赛专题解析(4)「建议收藏」

    杜教筛 以及积性函数的前世今生 –算法竞赛专题解析(4)「建议收藏」最全面的杜教筛讲解、最易懂的杜教筛复杂度证明、杜教筛公式、杜教筛模板。

  • 寻求全站搜索功能开发思路

    寻求全站搜索功能开发思路

  • 安装PyTorch详细过程

    安装PyTorch详细过程安装PyTorch过程安装anaconda环境管理PyTorch安装检验安装安装anaconda登录anaconda的官网下载,anaconda是一个集成的工具软件不需要我们再次下载。anaconda官网点击下载跳转到这个页面如果你的Python版本正好是3.8版,那便可以直接根据系统去选择自己相应的下载版本就可以了。但是如果你的Python版本号不是当前页面的版本号,那我建议你去选择相对应的版本号。点击archive你就会跳转到下面的页面你可以访问这篇博客去找到当前与你python版本号相对

  • IntelliJ IDEA热部署设置方法[通俗易懂]

    IntelliJ IDEA热部署设置方法[通俗易懂]一、开启idea自动build功能1、File->Settings->Build,Execution,Deployment->Compiler->Buildprojectautomatically->选中备注:网上好多说是Makeprojectautomatically,而我的是Buildprojectautomatically,…

  • visifire笔记「建议收藏」

    visifire笔记「建议收藏」visifire是silverlight下很不错的一套开源组件,最近其发布了2.0beta版本,本文将主要记录一些这个版本跟以前版本不同的地方.昨天初步把1.55版本移植到了2.0beta,没有遇到太大的麻烦,不过确实还是进行一些细节的修改,这些更改看上去更合理了,很多东西都不用往children下硬塞,直接类似Serise.Add或者Titles.Add就可以了.由于visifir…

  • 【科普】搜索引擎的工作原理

    【科普】搜索引擎的工作原理昨天的文章全球化的误区,本地化的机会,评论里,有人说,搜索引擎技术似乎不需要本地化,这一看就是彻底不懂这个领域的人讲的。当然,实话说,如果有人说,google在中文本…

发表回复

您的电子邮箱地址不会被公开。

关注全栈程序员社区公众号