css案例学习之id要唯一

ID有两个的后果

<html>
<head>
<title>ID选择器</title>
<style type="text/css">
#one{
    font-weight:bold;        /* 粗体 */
    }
#two{
    font-size:30px;            /* 字体大小 */
    color:#009900;            /* 颜色 */
    }
</style>
</head>
<body>
    <p id="one">ID选择器1</p>
    <p id="two">ID选择器2</p>
    <p id="two">ID选择器3</p>
    <p id="one two">ID选择器3</p>
</body>
</html>

当id同时加入两个样式时，无效

 

posted @ 2015-11-21 17:00  TBHacker  阅读(303)  评论(0)  编辑  收藏  举报