CSS3基础选择器

/*选择器分组：多个选择器使用同一个样式*/
h1,h2,a{
    color: blue;
}
strong{
    color: aquamarine;
}
/*选择器继承：body中未设置样式的会使用继承得到的样式*/
body{
    color: antiquewhite;
}
/*派生选择器：通过元素在其位置的上下关系来定义样式*/
li strong{/*li 标签内的strong标签*/
    color: red;
}

派生选择器与id选择器

/*派生选择器：通过元素在其位置的上下关系来定义样式*/
li strong{/*li 标签内的strong标签*/
    color: red;
}
/*id选择器：为标有id的HTML元素指定特定的样式，id选择器经常和派生选择器共同使用*/
#pid{
    color: brown;
}
#pid a{/*id选择器与派生选择器一同使用*/
    color: brown;
}
#divid{
    color: aquamarine;
}

 

类选择器

.pclass{
    color: blueviolet;
}
.divClass{
    color: blue;
}

 

属性选择器

/*属性选择器*/
[title]{/*所有带有title属性的元素*/
    color: red;
}

[title=te]{/*属性-值 选择器*/
    color: blueviolet;
}

 

转载于:https://www.cnblogs.com/sherrykid/p/4573476.html