标签选择器，类选择器，id选择器

来源：互联网发布：胡葆森发家史知乎编辑：程序博客网时间：2024/05/16 05:25

<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <style>        /*标签选择器：作用于当前页面所有匹配标签*/        li{            color: red;        }        /*类选择器：作用于当前页面所有class值为red的标签*/        .red{           color:bisque;        }        /*id选择器：id具有唯一性*/        #z        {            color: aqua;        }    </style>    <title>选择器</title></head><body>    <ul>        <li style="color: aqua">1</li>        <li style="color: aqua">2</li>        <li style="color: aqua">3</li>        <li style="color: aqua">4</li>    </ul>    <ul>        <li>1</li>        <li>2</li>        <li>3</li>        <li>4</li>    </ul>    <ul>        <li>1</li>        <li class="red">2</li>        <li>3</li>        <li class="red">4</li>    </ul>    <ul>        <li id="z">1</li>        <li>2</li>        <li>3</li>        <li>4</li>    </ul></body></html>

0 0