html-04 标签选择器

来源：互联网发布：徙知徐州文言文翻译编辑：程序博客网时间：2024/04/29 10:29
<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title></title>    <!---->    <style>        /*标签选择器*/        div{            color: yellow;        }        p{            color: red;        }        /*类选择器*/        .one{            color: black;        }        /*id选择器  唯一*/        #id{            color: blue;        }        /*并列选择器  或*/        div,.one{            background-color: antiquewhite;        }        /*复合选择器 与*/        div.one{            font-size: 60px;        }        /*后代选择器*/        div p{            color: blueviolet;        }        #q div{            font-size: 100px;        }        /*直接后代选择器*/        div > p{            color: brown;        }        /*相邻兄弟选择器*/        div + p{            color: chartreuse;        }        /*属性选择器*/        div[name]{            color: cadetblue;        }        div[name][age]{            color: cyan;        }        div[name = "ttt"]{            color: fuchsia;        }    </style></head><body>    <div name="ttt">tttttttttt</div>    <div name="yyy">yyyyyyyyyyyyyy</div>    <div>uuuuuuuuuuuuu</div>    <div name="iii" age = 56>iiiiiiiiiiii</div>    <div>        <p>WWWWWWWWWWW</p>    </div>    <p>Eeeeeeeeeeeee</p>    <p>RRRRrrrrrrrrr</p>    <div>        <p>ddsadafaf</p>        <span>            <p>12345677654321</p>        </span>    </div>    <div id="q">        <p>            <div class="Q">QQQQQQQQQQQQq</div>        </p>    </div>    <div class="one">11111111111111111</div>    <p class="one">2222222222222</p>    <div id="id">11111111111111111</div>    <p>2222222222222</p>    <div>11111111111111111</div>    <p>2222222222222</p></body></html>
0 0