首页前端开发CSS关于css嵌套选择器实例分享

关于css嵌套选择器实例分享

时间2024-05-20 09:40:03发布访客分类CSS浏览25
导读:嵌套选择器 它可能适用于选择器内部的选择器的样式。 在下面的例子设置了四个样式: p{}:为所有p元素指定一个样式。 .marked{}:为所有class="marked"的元素指定一个样式。 .markedp...
嵌套选择器 它可能适用于选择器内部的选择器的样式。 在下面的例子设置了四个样式: p{ } :为所有p元素指定一个样式。 .marked{ } :为所有class="marked"的元素指定一个样式。 .markedp{ } :为所有class="marked"元素内的p元素指定一个样式。 p.marked{ } :为所有class="marked"的p元素指定一个样式。 实例 p { color:blue; text-align:center; } .marked { background-color:red; } .marked p { color:white; } p.marked{ text-decoration:underline; }

声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!


若转载请注明出处: 关于css嵌套选择器实例分享
本文地址: https://pptw.com/jishu/664063.html
什么是css简写属性? 关于CSS分组介绍

游客 回复需填写必要信息