ThinkChat2.0新版上线,更智能更精彩,支持会话、画图、阅读、搜索等,送10W Token,即刻开启你的AI之旅 广告
选择器的作用是“用于确定(选定)要进行样式设定的标签(元素)”。 有若干种形式的选择器。每种形式代表某种含义,以选定某种特征的元素。 选择页面元素的工具 ## 2.3.1.通配符选择器: ![](https://img.kancloud.cn/21/36/2136700c7fbbbb77a27acfe7e237392f_857x426.png) ![](https://img.kancloud.cn/1b/89/1b89cd9d9ef172e7985826dd37fb914c_619x118.png) ## 2.3.2.标签选择器: ``` 标签名{属性名:属性值;属性名:属性值;……} ``` ![](https://img.kancloud.cn/ce/77/ce779e887a0e74c6b50fe766a297daca_833x403.png) ![](https://img.kancloud.cn/66/40/66407b25afbd20c18f953aae5056b561_655x382.png) ## 2.3.3.类选择器: ![](https://img.kancloud.cn/83/38/833839ed361de49b1211ec75c22cd640_561x357.png) 说明: 类(class)也是任何一个标签都可以使用的通用属性,但可以重名。 举例: ``` <p class=”cc1” >.....</p> <hr> <p class=”cc1” >.....</p> <hr> <div class=”product” >......</div> ``` ![](https://img.kancloud.cn/23/62/236201efbb42dce27f6fd4bd15a189ea_565x516.png) ## 2.3.4.id选择器: ![](https://img.kancloud.cn/c1/ff/c1ff31106b25e97c81742f405abc3056_547x347.png) 举例: ``` <div id=”nav” >。。。。</div> <p id=”menu” >。。。。</p> ``` ## 2.3.5.基本选择器总结: ![](https://img.kancloud.cn/72/b9/72b98274079874e628a1d5209d926512_659x319.png)