关于css中“点“,“井号“,“逗号“,“空格“,“冒号“的用法

详解css中"点","井号","逗号","空格","冒号"的用法_三级小野怪的专栏-CSDN博客body{ font-family:Arial,sans-serif; color:#333333; line-height:1.166; margin:0px; padding:0px;}#masthead{ margin:0; padding:10px 0px; border-botton:https://blog.csdn.net/zhengzhb/article/details/7241642里面提到

一：#a,b{…………｝
二：#a b{…………｝
三：#a:b{…………｝
四：#a.b{…………｝
一、一个id叫a和一个标签是b的样式（OK，已验证）
二、一个id叫a下面的一个标签是b的样式（OK，已验证）（定义时含空格，表上下层级）
三、一个id叫a的伪类b的样式（OK）
四、一个id叫a的下面的class叫b的样式（？？？？？？？？？？？？）

这里面

一是正确的，因为css selector定义时逗号，代表并的关系。

三代表伪类，没问题

二和四的区别在于，有一个空格还是紧挨着，下面用下拉菜单中源码验证一下紧挨着的情况

0框架前端-如何写一个下拉菜单（Dropdowns）_子燕若水的博客-CSDN博客

css样式里面再加一个使得按钮变蓝的样式匹配项

.my_button.open{background-color: #5177f1;
}

此时html只要在class属性里面追加一个open（可前可后）即可让页面上的按钮变蓝

下面用下拉菜单中源码验证一下有空格的情况

.my_button .open{background-color: #5177f1;
}

此时在class属性里面追加一个open（可前可后）按钮不会变蓝

让open div成为my_button div的孩子，发现才可以使Click Me 变蓝

关于css中“点“,“井号“,“逗号“,“空格“,“冒号“的用法相关推荐

css中的大于号是什么意思有何作用
css中的大于号是什么意思有何作用 .menu :hover > a { color:white; background-color:white ; font-weight:bold; } ...
python中井号的作用_在python请求中处理井号（#）
基本上,URL中的任何文本井号后的内容都是而不是发送到服务器.这适用于浏览器和requests.在 URL的格式表明type=#results部分实际上是一个查询参数.在 requests将自动编码查 ...
Div+CSS布局入门教程(五) 页面制作-用好border和clear 附加：1.DIV+CSS设计原则 2.DIV+CSS中标签ul ol li dl dt dd用法
这一节里面,主要就是想告诉大家如何使用好border和clear这两个属性. 首先,如果你曾用过table制作网页,你就应该知道,如果要在表格中绘制一条虚线该如何做,那需要制作一个很小的图片来填充,其 ...
html scale属性,CSS中的zoom属性和scale属性的用法及区别
CSS中的zoom属性和scale属性的用法及区别 CSS中的zoom属性和scale属性的用法及区别是什么呢?以下是小编整理的相关内容,欢迎阅读学习! zoom 属性语法: zoom:normal ...
css中“~”（波浪号）、“，”（逗号）、 “ + ”（加号）和 “ ＞ ”（大于号）是什么意思？
1.群组选择器(',') 2.后代选择器(空格) 3.子元素选择器('>') 4.相邻兄弟选择器('+') 5.兄弟选择器('~') "~"的定义和用法 p~ul选择器 p之 ...
css中“~”（波浪号）、“，”（逗号）、 “ + ”（加号）和 “ ”（大于号）是什么意思？
为所有相同的父元素中位于 p 元素之后的所有 ul 元素设置背景: p~ul{background:#ff0000;}<p>快乐生活</p><ul><li&g ...
html中加号用什么表示什么意思,css中“~”（波浪号）、“，”（逗号）、 “ + ”（加号）和 “ ”（大于号）是什么意思？...
为所有相同的父元素中位于 p 元素之后的所有 ul 元素设置背景: p~ul{ background:#ff0000; 快乐生活生活生活生活 p~ul 选择前面有元素的每个元素. " ...
CSS中使用大于号[]的含义
在学习bootstrap的源码的时候遇到了代码中带有大于号的选择器,经查询是代表选择标签时仅作用与儿子标签而不作用于孙子标签,具体怎样的意思,请看代码. <div><span> ...
Css中calc, support, media各自的含义及用法
1.calc calc() 函数用于动态计算长度值. ● 需要注意的是,运算符前后都需要保留一个空格,例如:width: calc(100% - 10px): ● 任何长度值都可以使用calc()函数 ...

关于css中“点“,“井号“,“逗号“,“空格“,“冒号“的用法

关于css中“点“,“井号“,“逗号“,“空格“,“冒号“的用法相关推荐

最新文章

热门文章