css选择器

三种样式类型

id：#+样式名

使用id属性调用

#l{
    color：red；
}

class：.+样式名

使用class属性调用

.l{
    color：red；
}

直接对某个标签定义

p{
    color：red；
}

1.基本选择器

既对样式直接定义

<style type="text/css">
    #l{
        color:red;
    }
</style>

2.子代选择器

            对某一标签内的某个处于这个标签的标签进行样式定义

div.l>ul{
    font-size:12px;
}

3.后代选择器

             对某一标签包含的标签进行样式定义

.l div{
    font-size:12px;
}

4.属性选择器

        对属性等于某个值的标签进行样式定义

.ppp[type="text"]{
    font-size:10px;
}

5.逗号选择器

        对一连串的，用逗号连接的任意选择器进行样式定义