<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>屬性選擇器小案例</title>
<style>
a[href$=html]:after{//元素之后插入內(nèi)容
content:"網(wǎng)頁文件";
color: #e54d26;
}
a[href$=jpg]:after{
content: "圖片文件";
color: brown;
}
</style>
</head>
<body>
<a href="anli.html">網(wǎng)站首頁</a>
<a href="anli.html">網(wǎng)站首頁</a>
<a href="anli.html">網(wǎng)站首頁</a>
<a href="u=1434395354,3088094283&fm=27&gp=0.jpg">網(wǎng)站圖片</a>
<a href="u=1434395354,3088094283&fm=27&gp=0.jpg">網(wǎng)站圖片</a>
<a href="u=1434395354,3088094283&fm=27&gp=0.jpg">網(wǎng)站圖片</a>
<a href="u=1434395354,3088094283&fm=27&gp=0.jpg">網(wǎng)站圖片</a>
<a href="anli.html">網(wǎng)站首頁</a>
<a href="u=1434395354,3088094283&fm=27&gp=0.jpg">網(wǎng)站圖片</a>
</body>
</html>
分享知識(shí)，分享快樂！希望中國(guó)站在編程之巔！ ----融水公子 公眾微信號(hào)：rsgz520 360圖書館館號(hào)：rsgz002.360doc.com
|
