第一次 个别属性选择符---笔记

原创 Celine_Na 随笔 属性选择符 148阅读 2018-01-25 16:57:54 举报

<html lang="en">
<head>
<meta charset="UTF-8">
<title>属性选择符E:[att]</title>
<style type="text/css">
a[class ="external"]{color:#ff0000}
</style>
</head>
<body>

<ul>

<li><a href="?" class="external txt">外部链接</a>></li>>

<li><a href="?" class="txt">内部链接</a>></li>>

<li><a href="?" class="external txt">外部链接</a>></li>>

<li><a href="?" class="txt">内部链接</a>></li>>

</ul>>
</body>
</html>

<html lang="en">
<head>
<meta charset="UTF-8">
<style type="text/css">
input[type ="text"]:hover{background-color: #00C901}
input[type ="text"]:focus{background-color: #D70808}
input[type ="text"]:active{background-color: #3784D5}
</style>
<title>UI元素状态伪类选择符</title>

</head>>
<body>
<p>姓名:<input type="text" name="name"></p>
<p>地址:<input type="text" name="address"> </p>

</body>>

</html>>

评论 ( 0 )
最新评论
暂无评论

赶紧努力消灭 0 回复