css基础知识之属性选择器

css属性选择器及属性和值选择器如下:

 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>css属性选择器</title>
    <style type="text/css">
        [title]{
            color:red;
        }
        [title=te]{
            color:green;
        }
        /*~表示比较模糊的值*/
        [title~="title"]{
            color:blue;
        }
    </style>
</head>
<body>
<p title="t">css属性选择器</p>
<p title="te">css属性和值选择器</p>
<p title="title hello">css属性和值选择器</p>
</body>
</html>

 

posted @ 2017-03-01 09:30  Aqiaoba  阅读(241)  评论(0)  编辑  收藏  举报