选择器
*子类选择器 #nav>li{}
*属性选择器 .class或div[class=a]{}
*后代选择器 #nav li{}
*群组选择器 #name1, .name2, #name div { 属性名:属性值; }
*伪类选择器: name:伪类
*通配符选择器 *{}
*相邻兄弟选择器 .bread+p{}
属性选择器演示CSS
<style>
div[class=a]{
color:red;
}
</style>
属性选择器演示TEXT
<div class="a">
我是大嘉汇
</div>
overflow(溢出处理)
1、hidden(溢出隐藏)
2、scroll (出现滚动条)
3、auto (自动)
层叠优先级
*z-index: 1;
伪元素
这是在文字后面加样式
.bread a:after{
content:">";
margin-left:10px;
}
.bread a:last-chlid:after{
content:"";
}
.bread a+a:before{
content:">";
}