<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>属性选择器小案例</title>
<style>
a[href$=html]:after{//元素之后插入内容
content:"网页文件";
color: #e54d26;
}
a[href$=jpg]:after{
content: "图片文件";
color: brown;
}
</style>
</head>
<body>
<a href="anli.html">网站首页</a>
<a href="anli.html">网站首页</a>
<a href="anli.html">网站首页</a>
<a href="u=1434395354,3088094283&fm=27&gp=0.jpg">网站图片</a>
<a href="u=1434395354,3088094283&fm=27&gp=0.jpg">网站图片</a>
<a href="u=1434395354,3088094283&fm=27&gp=0.jpg">网站图片</a>
<a href="u=1434395354,3088094283&fm=27&gp=0.jpg">网站图片</a>
<a href="anli.html">网站首页</a>
<a href="u=1434395354,3088094283&fm=27&gp=0.jpg">网站图片</a>
</body>
</html>
分享知识，分享快乐！希望中国站在编程之巅！ ----融水公子 公众微信号：rsgz520 360图书馆馆号：rsgz002.360doc.com
|
