HTML (css样式规范)必看篇

时间：2017-04-09

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.主意事项：

4/5

上一篇：浅谈HTML代码中的空格和空行 下一篇：详解CSS3浏览器兼容

相关文章

最新文章