css定义几种格式

lxzjsj

定义css几种格式
1.类型选择符,直接使用元素名称定义
   html{/*<定义网页结构总体样式>*/}
   body{/*<定义页面属性>*/}
    div{/*<定义div元素的属性>*/}
   span{/*<定义span元素的属性>*/}
2. id选择符
       #top{
                {/*<定义id为top元素的文本颜色为red>*/
                 color:red;
               }
       #top div{/*<定义id为top的所有子div元素样式,但不包含id为top的样式>*/}
       #top .child1{/*<子级样式一>*/}
       #top .child2{/*<子级样式二>*/}
      <div id="top">我是div</div>
3. class 选择符
          这个就不说了
4. 分组选择符
       h1,h2,h3,h4,h5,h6,p{/*<定义所有级别的标题和段落行高都为字体大小的1.6倍>*
                                           line-height:1.6em;
                                       /}
       .class1,class2{{/*<所有这些class类型样式>*/}
5. 包含选择符
    .div1 h2 p span{/*多层包含选择符*/
                                  font-size:18px;
                            }
6.  元素指定选择符
       span.red{/*定义div元素中class为red元素的颜色为红色*/
                color:red;
             }
    span#top{/*定义div元素中id为top元素的颜色为红色宽度为百分之百*/
                width:100%;
             }
7. 子对象选择符
      #main > table{/*定义id为main的主体模块中子对象table的样式*/}
      #main > .title{/*定义id为main的主体模块中子对象class为title的样式*/}
 
以上是定义css格式的语法格式,但是不同格式也让样式具有优先级,简单说下优先级顺序:
    id选择符 >  class选择符 > 类型选择符