前端_day06

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>

猜你喜欢

转载自www.cnblogs.com/memo-song/p/8992277.html
今日推荐