HTML5-选择器续

来源：互联网发布：985 知乎编辑：程序博客网时间：2024/06/09 05:42

十、通配符选择器
1、作用：给当前界面所有标签设置属性
2、注意点：当界面标签太多时会影响性能，一般不用

*{           color: red;       }

选择器小练习

<head>    <meta charset="UTF-8">    <title>选择器练习</title>    <!--将两个p标签设为红色-->    <style>       /*1、标签选择器*/        p{            color: red;        }        /*2、id*/        #identity1{            color: red;        }        #identity2{            color: red;        }        /*3、类选择器*/        .para{            color: red;        }        /*4、后代选择器*/        div p{            color: red;        }       /*5、子元素选择器*/       div>p{           color: red;       }       /*6、交集选择器*/       p.para{           color: red;       }       /*7、并集选择器*/       #identity1,#identity2{           color: red;       }       /*8、通用兄弟选择器*/       h1~p{           color: red;       }       /*9、续选择器*/       p:nth-of-type(n+1)){           color: red;       }       /*10、属性选择器*/       p[id]{           color: red;       }    </style></head><body><div>    <h1>title</h1>    <p id="identity1" class="para">paragraph 1</p>    <p id="identity2" class="para">paragraph 2</p></div></body>

阅读全文

0 0