标签:image 通过 bsp bis 通配符 idt -- 空格 color
分为两种 基本选择器和组合选择器
基本选择器分为四种 标签选择器、id选择器、class选择器、通配符选择器
<p>hello python</p> p{ background-color: aqua; color: #99cc99; }
<p id="p1">world</p> #p1{ background-color: #99cc99; font-size: larger; color: antiquewhite; }
<p class="p2">karina</p> .p2{ background-color: #99cc99; font-size: larger; color: bisque; }
<p>meimei</p> *{ background-color: bisque; font-size: 25px; ; }
<style> .outer p{ color: red; }
多元素选择器,同时匹配出所有p1,div1标签 用(,)逗号隔开
</style> .p1,.div1{ color: #99cc99; } <style>
<style> .outer>p{ color: red; } </style>
<style> .outer+p{ color: antiquewhite; } </style>
<style> .outer~p{ color: aliceblue; } </style>
E,F 多元素选择器,同时匹配所有E元素或F元素,E和F之间用逗号分隔 :div,p { color:#f00; } E F 后代元素选择器,匹配所有属于E元素后代的F元素,E和F之间用空格分隔 :li a { font-weight:bold;} E > F 子元素选择器,匹配所有E元素的子元素F :div > p { color:#f00; } E + F 毗邻元素选择器,匹配所有紧随E元素之后的同级元素F :div + p { color:#f00; } E ~ F 普通兄弟选择器(以破折号分隔) :.div1 ~ p{font-size: 30px; }
注意:关于标签嵌套
一个块级标签可以嵌套块级标签,也可以嵌套内联标签
但是内联标签不能嵌套块级标签
例外:p不能嵌套任何块级标签
标签:image 通过 bsp bis 通配符 idt -- 空格 color
原文地址:http://www.cnblogs.com/niejinmei/p/6870206.html