day34-36属性选择器

最新推荐文章于 2022-04-28 15:20:01 发布

RealRecall

最新推荐文章于 2022-04-28 15:20:01 发布

阅读量74

点赞数

分类专栏：初学前端开发

本文链接：https://blog.csdn.net/RealRecall/article/details/111322006

版权

初学前端开发专栏收录该内容

46 篇文章 1 订阅

订阅专栏

当元素里没有id和class，且不能通过元素直接找到怎么办？
用属性选择器！
示例代码：

<!DOCTYPE html>
<html>
<head>
<style>
a[target=_blank]
{
background-color:yellow;
}
</style>
</head>
<body>

<p>target="_blank" 的链接会得到黄色背景：</p>

<a href="http://www.w3school.com.cn">w3school.com.cn</a>
<a href="http://www.disney.com" target="_blank">disney.com</a>
<a href="http://www.wikipedia.org" target="_top">wikipedia.org</a>

<p><b>注释：</b>对于 IE8 及更早版本的浏览器中的 [<i>attribute</i>]，必须声明 <!DOCTYPE>。</p>
</body>
</html>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

RealRecall

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
day34-36属性选择器

当元素里没有id和class，且不能通过元素直接找到怎么办？用属性选择器！示例代码：<!DOCTYPE html><html><head><style>a[target=_blank]{background-color:yellow;}</style></head><body><p>target="_blank" 的链接会得到黄色背景：</p><a href="
复制链接

扫一扫