且构网

分享程序员开发的那些事...
且构网 - 分享程序员编程开发的那些事

类选择器和所作用的标签一起写为什么不起作用? - CSDN博客

更新时间:2022-10-01 08:15:19

原文:类选择器和所作用的标签一起写为什么不起作用? - CSDN博客

HTML代码:

类选择器和所作用的标签一起写为什么不起作用? - CSDN博客类选择器和所作用的标签一起写为什么不起作用? - CSDN博客

类选择器和所作用的标签一起写为什么不起作用? - CSDN博客

css样式:

类选择器和所作用的标签一起写为什么不起作用? - CSDN博客类选择器和所作用的标签一起写为什么不起作用? - CSDN博客类选择器和所作用的标签一起写为什么不起作用? - CSDN博客

类选择器和所作用的标签一起写为什么不起作用? - CSDN博客


这不是将样式作用于circle类下的有current类的li标签吗?为什么不起作用?


原因:

选择器理解错误!

一般常用的选择器有标签选择器,类选择器,ID选择器,后代选择器等等。

对于后代选择器的格式是:外层选择器 内层选择器 { 属性:值; }

中间是以空格间隔的,意思是将样式作用于某个元素后代的元素。


在本例当中,当写CSS样式时,我们其实想要的结果是选择符合类current的元素,而这里的写法却是后代选择器,意思是选择li元素的子元素当中被类current声明的,这是不存在的,当然也就无法起作用了。

只要取消li和.current中间的空格即可。