css中选择器比如.product .product-content{}和单独.product-content{}有什

大***

product-content是product包裹的一个div，看到有些地方为什么是写.product .product-content{}而不直接写.product-content{}呢？两者有什么不同吗？（第一个是子选择器）

潜***

其实效果都一样

前者，查找的的是.product下的所有.product-content,而.product-content则会从整个文档里找
权重不同，你可以把一个class名记为10分，那.product .product-content就是20分，.product-cotent就是10分，如果这两者同时写出来，无论顺序如何，都是那个子选择器的样式

我***

第一：作用范围不一样，“.product-content{}”会给全局的class名为“product-content“附样式，
“.product .product-content{}”只会给“product”内的“product-content”附样式
第二：优先级不一样，“.product .product-content{}”的优先级比“.product{}”的优先级高

已有账号？

找人解决需求

css中选择器比如.product .product-content{}和单独.product-content{}有什

全部参与2

热门问答

大***

今日需求悬赏

今日问答求助

发布任务需求已有1031287位用户正在使用天盟网服务

新手帮助

平台规则

关于天盟

一键快捷导航

微信公众号

手机客户端