关于样式的优先级

首页课程实战体系课手记专栏慕课教程

关于样式的优先级

来源：3-3 轮播图之定时器设置

无限精彩

2019-11-06 20:19:55

</a>

</a>

</a>

</div>

==================================

.banner-slide{

width:1200px;

height:460px;

background-repeat:no-repeat;

float:left;

display:none;

}

.slide-active{

display:block;

}

老师，这类样式的优先级是怎样的，先block还是none？

写回答

1回答

芝芝兰兰

2019-11-07

同学你好。有这样的疑问，我们可以先测试一下：

1、首先给.banner-slide加一个背景颜色使我们能看到它，然后将同学贴出的html和css片段拼入一个页面中，用浏览器打开，使用F12工具，我们可以看到，现在是.slide-active中的display在起作用

2、我们怀疑，这跟CSS的样式表的顺序有关，也有可能和class中的顺序有关，可以先试着改变class中的顺序：

刷新后显示效果并没有改变。

3、再试着改变下css表中的顺序：

刷新下得到效果果然改变了，证明还是CSS样式表的顺序决定的呢：

如果解答了同学的疑问，望采纳~

祝学习愉快~

0 学习 · 9666 问题

相似问题

回答 1

回答 1

回答 2

回答 1