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

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

HTML代码:



css样式:




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


原因:

选择器理解错误!

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

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

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


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

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



http://lihuaxi.xjx100.cn/news/275850.html

相关文章

wps在线预览接口_文档在线预览的实现

最近在研究企业文档管理,这个是基本上所有企业都需要的软件,当然也是有很多种解决方案。对于企业文档来说,最基本的需求就是独立存储,共享。这种需求只需要建立一个Windows共享文件夹或者架一个Samba服务器即可实现,无…

你知道为什么Java的main方法必须是public static void?

点击上方“方志朋”,选择“设为星标”回复”666“获取新整理的面试资料来源:http://suo.im/6v9d64Main 方法是我们学习 Java 编程语言时知道的第一个方法,你是否曾经想过为什么 main 方法是 public、static、void 的。当然,很多人…

985 CV 找不到工作? 4 点诚恳建议

点击上方“小白学视觉”,选择加"星标"或“置顶”重磅干货,第一时间送达本文转自|视觉算法【新智元导读】985研究生,学计算机视觉,出来后找不到工作?新智元带你看看这个70万浏览量问题下的答案干货&#xff1…

10月1日之后,你新建的GitHub库默认分支不叫「master」了

点击上方“视学算法”,选择加"星标"重磅干货,第一时间送达本文转载自:机器之心 | 作者:张倩、杜伟从 2020 年 10 月 1 日开始,GitHub 上的所有新库都将用中性词「main」命名,取代原来的「maste…

android webview mailto,Webview email link (mailto)

问题I have a view and view the site has malito code to send email.When I open the link opens in an error.I want that when I open the link opens Gmail app or another email application.Thanks to all helpers.public class teacher extends Activity implements On…

论文解读 | 微信看一看实时Look-alike推荐算法

作者丨gongyouliu编辑丨lily来源 | 授权转载自大数据与人工智能(ID:ai-big-data)微信看一看的精选文章推荐(见下面图1)大家应该都用过,微信团队在今年发表了一篇文章来专门介绍精选推荐的算法实现细节(Real-time Attention based Look-alike Model,简称R…

Compression Helper Class using SharpZipLib

使用 SharpZipLib 进行压缩的辅助类,简化压缩字节数组和字符串的操作。 usingSystem;usingSystem.Text;usingSystem.IO;usingICSharpCode.SharpZipLib.BZip2;usingICSharpCode.SharpZipLib.GZip;usingICSharpCode.SharpZipLib.Zip;namespaceCompression{ /**////…

php字符串处理函数相关操作

<?php//获取tech和98426这两个字符串$str "http://info.meadin.com/tech/98426_1.shtml";echo $newstr substr($str,7,strlen($str)); //info.meadin.com/tech/98426_1.shtml$arr explode(/,$newstr);$num $arr[1];//tech$user strstr($arr[2], _, true); /…