属性选择器
发布日期:2022-03-12 04:49:22 浏览次数:33 分类:技术文章

本文共 840 字,大约阅读时间需要 2 分钟。

1、

a[target]

{
background-color:yellow;
}

<a href="#">aaa</a>

<a href="#" target="_blank">bbb</a>

2、

a[target=_blank]

{
background-color:yellow;
}

<a href="#">aaa</a>

<a href="#" target="_blank">bbb</a>

3、:对属性中包含flower的元素进行样式设置

[title~=flower]

{
border:5px solid yellow;
}

<img src="/i/eg_tulip.jpg" title="tulip flower" />

4、:对于属性中以en开头的元素进行样式设置

[lang|=en]

{

background:yellow;
}

<p lang="en-us">Hi!</p>

5、:css3的属性,设置 class 属性值以 "test" 开头的所有 div 元素的背景色:

div[class^="test"]

{
background:#ffff00;
}

<div class="test"> div 元素。</div>

6、:css3的属性,设置 class 属性值以 "test" 结尾的所有 div 元素的背景色:

div[class$="test"]

{
background:#ffff00;
}

<div class="first_test">第一个 div 元素。</div>

7、:设置 class 属性值包含 "test" 的所有 div 元素的背景色

div[class*="test"]

{
background:#ffff00;
}

<div class="first_test">第一个 div 元素。</div>

转载于:https://www.cnblogs.com/lyne11/p/6404406.html

转载地址:https://blog.csdn.net/weixin_30348519/article/details/98129592 如侵犯您的版权,请留言回复原文章的地址,我们会给您删除此文章,给您带来不便请您谅解!

上一篇:逻辑(内存)分页与物理分页
下一篇:A hook (`orm`) failed to load!

发表评论

最新留言

做的很好,不错不错
[***.243.131.199]2024年03月11日 16时18分42秒

关于作者

    喝酒易醉,品茶养心,人生如梦,品茶悟道,何以解忧?唯有杜康!
-- 愿君每日到此一游!

推荐文章

java shape用法_Java PShape.scale方法代码示例 2019-04-21
java字符串三目_java字符串连接运算符和三目运算符 2019-04-21
java 堆内存 非堆内存_JVM 堆内存和非堆内存 2019-04-21
Java新手写什么demo_通过入门demo简单了解netty使用方法 2019-04-21
java国际化bundle_java语言国际化--ResouceBundle、struts 2019-04-21
java图片延迟加载_jQuery实现图片延迟加载 2019-04-21
java开发加入购物车功能_java web开发——购物车功能实现 2019-04-21
Java虚拟机不能满足_深入理解Java虚拟机--读书笔记1/3 2019-04-21
python 协程 asyncio_python – asyncio.as_completed是否会产生期货或协同程序? 2019-04-21
java设定xml文件的encoding_配置web-xml解决中文乱码问题,及各种乱码问题集结 2019-04-21
hanlp java api_java分词工具hanlp介绍 2019-04-21
nginx php 源码安装,Nginx1.12.2加php7.2.0的编译安装 2019-04-21
php 删除字节,php – 删除无效/不完整的多字节字符 2019-04-21
php 实现版本号对比,如何在PHP中实现比较版本号 2019-04-21
php sql 给数据库追加内容,php如何向数据库中的某串数据后追加内容【急】 2019-04-21
php微信小程序获取用户信息,微信小程序授权获取用户详细信息openid的实例详解... 2019-04-21
Java三元运算和if,Java三元运算符与<JDK8兼容性中的if / else 2019-04-21
graphql-php enum,php – 如何在不写长查询的情况下查询所有的GraphQL类型字段? 2019-04-21
php date 函数用法,php中date()日期时间函数使用方法 2019-04-21
php除法获取整数和余数,PHP除法取整和取余数 2019-04-21