本文主要介绍css选择器中带空格、不带空格的具体区别。
1、如果css类选择器带空格
.foot .pp{ color: green; }
带空格的话,被称为后代选择器,那么对应的html代码要这样写才生效
<p class="foot">文字文字 <span class="pp">pp这个class生效</span> </p>
2、如果css类选择器不带空格
.foot.pp2 { color: green; }
那么对应的html代码要这样写生效,class属性上面同时有foot和pp2,用空格隔开
<p class="foot pp2"> pp2这个class生效 </p>
一般是要语义化的写CSS样式,所以会在定义class的时候加空格。
另外拓展一下,会存在下面和上面类似的情况,带逗号的
.ee,.ff 代表 class='ee' 和 class='ff' 都会被选择上。
<div class="ee"></div> <div class="ff"></div>
搭建电商网站用Shopify还是Woocommerce?或者是用opencart
小型企业电商网站的选择:Shopify和WooCommerce都是非常受欢迎的选择,各有优劣,具体选择哪一个,需要根据您的实际需求和技术水平来综合考虑。 Shopify vs WooCommerce ...
Guest Posts:高端外链策略
Guest Posts直译为“客座文章”或“客座日志”,简单说来就是我要在某个知名的高权重博客上发表文章,通过这个博客的知名度和读者群来推广自己的博客或网站,从而获得高质量的流量和Backlink。当...
谷歌英文关键词搜索:为什么95%的人都是错误的
关键词搜索(Keyword Research)可以说是做Niche和Affiliate的关键,找到一个有价值的关键词也就意味着你已经成功了80%,剩下的20%只需要你按部就班的执行和操作就可以了。但是...
宝塔面板出错AttributeError: module ‘public’ has no attribute ‘get_size_total’
AttributeError: module 'public' has no attribute 'get_size_total' REQUEST_DATE: 2024-07-03 11:10:50 ...
我的微信
我的微信
微信扫一扫
评论