div{border: 10px salmon solid; width:99px;height: 20px}
</style>
</head>
<body>
<div>周杰伦</div>
<div>孙其虎</div>
<div>张杰</div>
</body>
</html>
CSS样式的子选择器
XML/HTML Code复制内容到剪贴板
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>子选择器</title>
<style type="text/css">
div b{color: crimson}
/*只影响 具有div 下的 b子标签受影响*/
div >b{color: skyblue}
/*只影响儿子，不影响孙子*/
</style>
</head>
<body>
<div><b>美国</b></div>
<div><b><b>中国</b></b></div>
</body>
</html>
样式结果
二、样式优先级
1.CSS执行顺序，在同等优先级的情况下，下一行的如果与上一行的CSS有冲突一下一行为标准
在优先级不同的情况下，优先级高的覆盖优先级的低的。
2.选择器优先级顺序排列
第一名：行内样式 1000;
第二名：ID选择器 100;
第三名：元素名.类名 10;
第四名：类名
第五名：标签名 1;
3.主意事项：
当你写的CSS不起作用的时候，优先检测代码有没有写错
第二检查优先级情况有没有错
XML/HTML Code复制内容到剪贴板
<!DOCTYPE html>
<html lang="en">
