CSS之选择器与列表

选择器:
派生选择器:
就是使用有多层标签时候将标签依次用空格列出从而使得特定部分产生效果
类选择器:
在css样式中使用 .classname{}来定义class
id选择器:
在css样式中使用 #IDname{}来定义id选择器

coding:

HTML:
   
    Title
   
   
div标签 baidu
    baidu
   
divclass

CSS:
div a{
    color: aqua;
}
#aid{
    color: brown;
}
.divclass{
    color: darkmagenta;
}  
列表: 
 
list-miage:url(“”),将列表项前面的圆点改成图片

表格里面一般要使用多个选择器组合达到美观的效果
如:ID选择器与派生选择器一起使用
HTML:
   
    Title

   
   
       
           
           
           
       
       
           
           
           
       
       
           
           
           
       
       
           
           
           
       
       
           
           
           
       
   
姓名 性别 年龄
张三 23
张三 23
张三 23
张三 23
CSS:

#tb{
    background-color: aliceblue;
    width: 500px;
    height: 400px;
    border: 1px;
    border-collapse: collapse;
}
#tb th{

        background-color: aqua;//id选择器与派生选择器一起用以空格隔开
}
#tb tr.a{
    background-color: chartreuse;   //元素里面的一个类用点隔开
}
#tb tr{
    text-align: center;
}

你可能感兴趣的:(CSS)