CSS ?? ???
CSS ?? ???
CSS 2?? ?? ???? ???????.
?? ???? ?? ? ?? ?? ???? ??? ??? ? ????.
(1)[att*=val]; (2)[att^=val];(3)[att$=val];
1: [att*=val];??: att? ???? ?? ??? ?? ?? val? ??? ??? ???? ??? ??? ? ???? ?????.
<html>
<head>
<style>
[id*=section]{
background-color:red;
}
</style>
</head>
<body>
<p id="sections9999">
</p>
</body>
</html>?? ??: ie ?? ?? ??? ????? ??? ? ????. .
2:[att^=val];??: att? ???? ?? ??? ?? ?? val? ??? ??? ???? ?? ??? ? ???? ?????. (??? ^? ???? ?? ??? ????? ????? ???...)
?? ??: IE? ??? ???? ?? ????? ?????. .
3:[att$=val];??: att? ???? ?? ??? ?? ?? val? ??? ??? ??? ?? ??? ? ???? ?????. (????? $? ?? ?????...)
?? ??: IE? ??? ???? ?? ????? ?????. .
? ?? ?? ???????:
<html>
<head>
<meta content="text/html; charset=UTF-8" http-equiv="Content-Type">
<style>
a[href$=\/]:after,a[href$=html]:after,a[href$=htm]:after{
content:"web網(wǎng)頁";
color:red;
}
a[href$=jpg]:after{
content:"JPG圖像素材";
color:green;
}
</style>
</head>
<body>
<ul>
<li><a href="#">博客</a></li>
<li><a href="#">css選擇器</a></li>
<li><a href="#">圖像素材</a></li>
</ul>
</body>
</html>?? ??: IE? ???? ???? ?? ????? ?????. .
