.top-wrapper { .ti-num { &:not(:first-child){ padding: 15px 0; }}为什么不生效
时间: 2024-02-15 19:39:57 浏览: 30
您的代码看起来没有问题,但是需要注意的是,如果您想要使用Sass嵌套形式来写CSS样式,那么您需要编译成普通的CSS代码才能生效。
您可以使用Sass编译工具将Sass代码编译成CSS代码,然后在HTML文件中引入编译后的CSS文件。如果您使用的是VS Code编辑器,可以安装Live Sass Compiler插件,这个插件可以帮您自动编译Sass代码。
如果您已经编译过了,但仍然没有生效,可能是其他CSS样式覆盖了您的样式,您可以检查一下其他CSS样式是否影响了您的样式。您可以使用浏览器的开发者工具来查看CSS样式的计算结果,看看哪些样式被应用到了您的元素上。
相关问题
.slider-wrapper { width: 100%; height: 320px; }
根据你提供的代码片段,.slider-wrapper 是一个 CSS 类,用于设置一个容器的样式。具体的样式属性如下:
- width: 100%; 设置容器的宽度为100%。
- height: 320px; 设置容器的高度为320像素。
根据这些样式属性,.slider-wrapper 类将会使容器的宽度占满其父元素的宽度,并且高度固定为320像素。这个容器可以用于包裹一个轮播图或者其他需要固定尺寸的元素。
el-table__body-wrapper &::-webkit-scrollbar修改滚动条颜色
你可以使用以下 CSS 代码来修改 el-table__body-wrapper 中的滚动条颜色:
```css
.el-table__body-wrapper::-webkit-scrollbar {
width: 8px;
}
.el-table__body-wrapper::-webkit-scrollbar-thumb {
background-color: #c1c1c1;
border-radius: 4px;
}
.el-table__body-wrapper::-webkit-scrollbar-track {
background-color: #f5f5f5;
border-radius: 4px;
}
```
上述代码将会让滚动条变宽,并且设置了一个灰色的滚动条拇指,同时设置了一个淡灰色的滚动条轨道。你可以根据需要修改颜色和其他属性。请注意,这些样式只会在支持 WebKit 引擎的浏览器中有效,在其他浏览器中可能会有所不同。
相关推荐
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![jar](https://img-home.csdnimg.cn/images/20210720083455.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)