css代码:

  • p:nth-of-type(3)代表的就是,所有兄弟节点中找标签为p的,然后找到的第三个p标签背景为红色。所以,three背景为红。
  • p:nth-child(3)该选择器是找父元素的第三个子元素,如果该子元素为p,则其变为黄色,如果,第三个子元素不是p元素,则没有子元素的背景变为黄色。
#wrap p:nth-of-type(3) {
    background: red;
#wrap p:nth-child(3) {
    background: yellow;
                    :nth-of-type(n) 选择器匹配属于父元素的特定类型的第 N 个子元素的每个元素html代码:<div id="box">    <div>111</div>    <div>222</div>    <div>333</div>    <div>444</div></div>css代码:获取box中,除了第一个之外的其他的div#box div:nth-o
例如上图,如果想用css改变第二个div的样式,或者想改变<ul>中的<li>的样式,就需要使用选择器
2.选择器分类:选择器分为基础选择器和复合选择器两大类,基础选择器是由单个选择器组成的,其中包括标签选择器,类选择器,id选择器和通配符选择器
1)标签选择器:用HTML标签名称作为选择器,按标签名称分类,为页面中某一类标签指定统一的C...
                【Web通信】WebSocket详解:WebSocket是什么?如何使用WebSocket?在Vue中封装WebSocket(心跳监测)。nginx配置websocket。
                    卸载引擎: 
                    这个nginx配置链接超时时间是不是也是个问题?我先在这里打个备注
                【Vue】浅谈vue2、vue3响应式原理,vue中数组的响应式,响应式常见问题分析
                    programmer_ada: 
                    恭喜你这篇博客进入【CSDN每天值得看】榜单,全部的排名请看 https://bbs.csdn.net/topics/613484099。 
                【Vue】vue3.2中使用pdf.js踩坑:Cannot read from private field---pdf.js使用详解
                    阿甘有希望: 
                    我是npm 安装的在依赖里面
                【Vue】vue3.2中使用pdf.js踩坑:Cannot read from private field---pdf.js使用详解
                    卸载引擎: 
                    需要pdf源码资源需要放在public目录下面,避免打包
                【Vue】vue3.2中使用pdf.js踩坑:Cannot read from private field---pdf.js使用详解
                    卸载引擎: 
                    我用着没啥特别的问题表情包