训练营 坚持完成打卡任务 报名费全额返 更多>>
208人报名 05月11日 开班
-
208人报名 05月11日 开班
-
208人报名 05月11日 开班
-
208人报名 05月11日 开班
-
208人报名 05月11日 开班
-
208人报名 05月11日 开班
搜索
历史记录 清除记录
- 你还没搜索过喔。
点击刷新
选择具有title属性的元素
<!DOCTYPE html>
<html>
<head>
<style>
[title]
{
color:blue;
}
</style>
</head>
<body>
<h2>适用于:</h2>
<h1 title="Hello world">你好世界</h1>
<a title="lmonkey" href="https://www.lmonkey.com">学习猿地</a>
<hr>
<h2>不适用于:</h2>
<p>你好!</p>
</body>
</html>
选择标题=一个特定值的元素
<!DOCTYPE html>
<html>
<head>
<style>
[title=学习猿地]
{
border:5px solid green;
}
</style>
</head>
<body>
<h2>适用于:</h2>
<img title="lmonkey" src="https://www.lmonkey.com/_nuxt/img/logo.2a324bb.png" width="247" height="48" />
<br>
<a title="lmonkey" href="https://www.lmonkey.com/">学习猿地</a>
<hr>
<h2>不适用于:</h2>
<p title="greeting">嗨!</p>
<a class="lmonkey" href="https://www.lmonkey.com/">学习猿地</a>
</body>
</html>
选择标题=一个特定值的元素(使用（~）分隔属性和值)
<!DOCTYPE html>
<html>
<head>
<style>
[title~=hello]
{
color:blue;
}
</style>
</head>
<body>
<h2>适用于:</h2>
<h1 title="hello world">你好世界</h1>
<p title="student hello">你好 CSS 学员!</p>
<hr>
<h2>不适用于:</h2>
<p title="student">嘿 CSS 学员!</p>
</body>
</html>
选择标题=一个特定值的元素(使用（|）分隔属性和值)
<!DOCTYPE html>
<html>
<head>
<style>
[lang|=en]
{
color:blue;
}
</style>
</head>
<body>
<h2>适用于:</h2>
<p lang="en">你好!</p>
<p lang="en-us">嗨!</p>
<p lang="en-gb">小明!</p>
<hr>
<h2>不适用于:</h2>
<p lang="us">嗨!</p>
<p lang="no">嘿!</p>
</body>
</html>
© 著作权归作者所有
举报
综合评分：9.9 评分 请对本文进行纠错，及学习过程中有困难疑惑可在此进行讨论
发表评价或提出疑问（可获得2-8个猿宝）
文章评分：
请选择内容评分
难易程度：
太简单
简单
适中
有点难
太难了
请选择课程难易程度 (+2个猿宝)