前端_day06

Posted 2020-11-02 北冥丶中郎将

css样式表

一.基本选择器

　　1.标签选择器:<style>标签名{stylesheet......}</style>

　　2.ID选择器:<style>#ID名{stylesheet......}</style>

　　3.类选择器:<style>.类名{stylesheet......}</style>

　　4.通配符选择器:<style>*{stylesheet......}</style>

　　5.伪类选择器:选择的是标签的状态,常见的a标签

　　　　　　　　<style>

　　　　　　　　　　　　a:link{stylesheet......}     //链接还没被点击

　　　　　　　　　　　　a:visited{stylesheet......}  //访问过这个链接

　　　　　　　　　　　　a:hover{stylesheet......}    //鼠标放在上面悬停

　　　　　　　　　　　　a:active{stylesheet......}   //鼠标按住不松手

　　　　　　　　</style>

二.复合选择器

　　1.交集选择器:多个选择器用+好连接;<style>.class+div{stylesheet......}</style>

　　2.并集选择器:多个选择器用,号连接;<style>div,span{stylesheet......}</style>

　　3.子代选择器:多个选择器用>连接;<style>div>#ID{stylesheet......}</style>

　　4.后代选择器:多个选择器用空格连接;<style>div .class{stylesheet......}</style>