CSS基础（五）-- CSS选择器之属性选择器


随笔记录方便自己和同路人查阅，学习CSS时最好先学会HTML。

#------------------------------------------------我是可耻的分割线-------------------------------------------

对选择到的标签通过属性在进行筛选，该方法常用

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        .c1[n='alex']{ width:100px; height:200px; }
    </style>

</head>
<body>
    <input class="c1" type="text" n="alex">
    <input class="c1" type="password">
</body>
</html>

效果：

 

posted @ 2019-08-23 14:11  李荣洋  阅读(154)  评论(0)  编辑  收藏  举报