HTML+CSS 轻松入门之包含选择器
什么是包含选择器
包含选择器,即加入空格,用于选择指定标签元素下的后辈元素
语法:
body div{
样式
}
实例:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>包含选择器</title> <style type="text/css"> body div li{ color:red; } </style> </head> <body> <div>中华民族伟大复兴! <ul> <li>中国</li> <li>中国</li> </ul> </div> <p>你知道我的梦,知道我的痛,知道我们感受都相同</p> <span>最美的太阳 <p>强军梦</p> </span> <h3>中国梦</h3> </body> </html>
如果我想把 强军梦 的字体设置为20号,颜色为蓝色,应该怎么做
在css中加入如下代码:
body span p{
font-size:20px;
color:blue;
}