<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <title>高级选择器</title> <!--/*CSS样式优先级：行内样式 1000 > id选择器 100 > 类选择器010 > 标签选择器 001*/--> <!--通过统计每种选择器的个数，之后按照3种基本选择器进行依次展示，注意不进位--> <style> <!--子代选择器 --> /* 0 3 1*/ .box>.box2>.box3>p{ color: deeppink; } /*后代选择器*/ /* 0 2 1 */ .box>.box2 p{ color: red; } /*由于031大于021，所有字体颜色显示为deeppink*/ </style> </head> <body> <div class="box"> <div class="box2"> <div class="box3"> <p>马玉刚</p> </div> </div> </div> </body> </html>
12 子代选择器和后代选择器
猜你喜欢
转载自www.cnblogs.com/mayugang/p/10251323.html
今日推荐
周排行