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

简介: 原文:类选择器和所作用的标签一起写为什么不起作用? - CSDN博客 HTML代码: css样式: 这不是将样式作用于circle类下的有current类的li标签吗?为什么不起作用? 原因: 选择器理解错误! 一般常用的选择器有标签选择器,类选择器,ID选择器,后代选择器等等。
原文: 类选择器和所作用的标签一起写为什么不起作用? - CSDN博客

HTML代码:



css样式:




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


原因:

选择器理解错误!

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

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

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


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

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


目录
相关文章
|
3月前
|
API
简述a标签超链接target属性的取值和作用
简述a标签超链接target属性的取值和作用
|
6月前
|
Web App开发 前端开发 编译器
CSS3私有前缀+新增盒模型相关属性(如果想知道CSS3私有前缀、新增盒模型相关属性的知识点,那么只看这一篇就足够了!)
CSS3私有前缀+新增盒模型相关属性(如果想知道CSS3私有前缀、新增盒模型相关属性的知识点,那么只看这一篇就足够了!)
|
5月前
|
搜索推荐 UED SEO
语义化标签有什么作用
语义化标签有什么作用
47 0
|
7月前
|
前端开发
CSS的语法是用来定义网页中元素样式的规则集合
【4月更文挑战第6天】CSS的语法是用来定义网页中元素样式的规则集合
44 5
|
7月前
|
前端开发
【Web前端】CSS基本语法规范和引入方式&&常见选择器用法&&常见元素属性
【Web前端】CSS基本语法规范和引入方式&&常见选择器用法&&常见元素属性
|
7月前
|
前端开发
CSS样式引用方式的区别
CSS样式引用方式的区别
|
前端开发 JavaScript SEO
b标签和strong标签的区别?css单行或多行溢出隐藏如何实现?浅谈this?
b标签只是文本加粗,而strong除了加粗还有强调的语义。
<a>标签传递数据另附上<a>标签所有属性
<a>标签传递数据另附上<a>标签所有属性
<a>标签传递数据另附上<a>标签所有属性
|
JavaScript 小程序
讲述小程序之组件选择器内容
讲述小程序之组件选择器内容
93 0
讲述小程序之组件选择器内容
|
前端开发
【CSS】你还记得组合选择器怎么用吗?
有关组合选择器的学习记录。
207 0
【CSS】你还记得组合选择器怎么用吗?