Web前端开发技术项目教程（HTML5 CSS3 JavaScript）（微课版） 课件 5.1.6技能点2三种复合选择器的使用.pptx

三种复合选择器的使用信息安全技术应用ApplicationofInformationSecurityTechnology《前端技术开发》

前端技术开发知识储备建立网页内容1使用并集选择器2使用交集选择器3使用包含选择器4

建立网页内容前端技术开发01bodyh1满江红·写怀/h1h3岳飞·宋/h3divpclass=red怒发冲冠，凭栏处、潇潇雨歇。/ppclass=red抬望眼，仰天长啸，壮怀激烈。/pp三十功名尘与土，八千里路云和月。/ppid=blue莫等闲，白了少年头，空悲切！/pp靖康耻，犹未雪。臣子恨，何时灭！/pp驾长车，踏破贺兰山缺。/pp壮志饥餐胡虏肉，笑谈渴饮匈奴血。/pp待从头、收拾旧山河，朝天阙。/p/div/body

使用并集选择器前端技术开发02需求一：将h1,h3字体颜色变为橙色h1,h3{color:orange;}bodyh1满江红·写怀/h1h3岳飞·宋/h3divpclass=red怒发冲冠，凭栏处、潇潇雨歇。/ppclass=red抬望眼，仰天长啸，壮怀激烈。/pp三十功名尘与土，八千里路云和月。/ppid=blue莫等闲，白了少年头，空悲切！/pp靖康耻，犹未雪。臣子恨，何时灭！/pp驾长车，踏破贺兰山缺。/pp壮志饥餐胡虏肉，笑谈渴饮匈奴血。/pp待从头、收拾旧山河，朝天阙。/p/div/body

使用交集选择器前端技术开发03需求二：将class为red的p字体变为24px，颜色为redp.red{font-size:24px;color:red;}bodyh1满江红·写怀/h1h3岳飞·宋/h3divpclass=red怒发冲冠，凭栏处、潇潇雨歇。/ppclass=red抬望眼，仰天长啸，壮怀激烈。/pp三十功名尘与土，八千里路云和月。/ppid=blue莫等闲，白了少年头，空悲切！/pp靖康耻，犹未雪。臣子恨，何时灭！/pp驾长车，踏破贺兰山缺。/pp壮志饥餐胡虏肉，笑谈渴饮匈奴血。/pp待从头、收拾旧山河，朝天阙。/p/div/body

使用包含选择器前端技术开发04需求三：将div中ID为blue的元素设置字体为20px，颜色为bluebodyh1满江红·写怀/h1h3岳飞·宋/h3divpclass=red怒发冲冠，凭栏处、潇潇雨歇。/ppclass=red抬望眼，仰天长啸，壮怀激烈。/pp三十功名尘与土，八千里路云和月。/ppid=blue莫等闲，白了少年头，空悲切！/pp靖康耻，犹未雪。臣子恨，何时灭！/pp驾长车，踏破贺兰山缺。/pp壮志饥餐胡虏肉，笑谈渴饮匈奴血。/pp待从头、收拾旧山河，朝天阙。/p/div/bodydiv#blue{font-size:20px;color:blue;}

感谢观看信息安全技术应用ApplicationofInformationSecurityTechnology《前端技术开发》