.wrap>div:first-of-type { background:organe;} 将第一个div的背景颜色设置为 organe
2015-04-12
ol 表示的是有序的列表 ul表示的是无序的列表
N是从o开始算的 last-child first-child nth-child(n) not([id/type=""]) :empty :target {}
N是从o开始算的 last-child first-child nth-child(n) not([id/type=""]) :empty :target {}
2015-04-12
ul>li 表示父子的关系
ul li 表示子,孙,子子孙孙,孙孙子子,子孙子孙。。。。。。。。。。。。。。。。。。
ul li 表示子,孙,子子孙孙,孙孙子子,子孙子孙。。。。。。。。。。。。。。。。。。
2015-04-12
p:empty {
border: 1px solid black;
}
表示的是在p元素中 空格的样式是边框为1px的实线 颜色是黑色
border: 1px solid black;
}
表示的是在p元素中 空格的样式是边框为1px的实线 颜色是黑色
2015-04-12
<style>
div:not([id="footer"]){
background-color:red;
}
</style>
div:not([id="footer"]){
background-color:red;
}
</style>
2015-04-12
连接css3的目录文件 <link href="style.css" rel="stylesheet" type="text/css">
2015-04-12
伪元素的优先级 大于非伪元素的优先级, :root > *>body 的优先级 :root(结构伪类选择器)=HTML
2015-04-12
cover 就是桌面上的所谓的平铺 contain 就是将图片沿着边框放大
background-origin:padding-box //原始图像 以内填充的方式放置
background-clip:padding-box //图像以内填充的方式裁剪
background-clip:border-box //图像以边框的方式进行 裁剪
background-origin:padding-box //原始图像 以内填充的方式放置
background-clip:padding-box //图像以内填充的方式裁剪
background-clip:border-box //图像以边框的方式进行 裁剪
2015-04-12
background-origin:content-box;
background-origin:padding-box;
background-origin:border-box;
background-clip:padding-box;
background-clip:content-box;
background-clip:border-box;
background-origin:padding-box;
background-origin:border-box;
background-clip:padding-box;
background-clip:content-box;
background-clip:border-box;
2015-04-12
background:url() no-repeat;
background-origin:content-box;
background-origin:padding-box;
background-origin:border-box;
background-origin:content-box;
background-origin:padding-box;
background-origin:border-box;
2015-04-12
后代元素是指整个元素的全部了!这里以列表框为例,就包括了,前面的序号和后面的内容,而元素的第一个子元素就只是指前面的序号,不包括内容了。
2015-04-11