CSS_选择器

一、基础选择器

  标签(元素)选择器  

标签名{
    样式;
}
/*选择所有标签名的所有元素。*/

  类(class)选择器

.类名{
        样式;
}
/*选择类名相同的所有元素*/

  id(身份证)选择器

#id号{
    样式;
}
/*选择对应id的原色*/

二、高级选择器

  后代选择器

父代标签 子代标签{
    样式;
}
/*选择父代标签下的子代标签元素*/
/*父代选择器可以是id选择器、类选择器、标签选择器*/

  子代选择器

父代标签>亲子代标签{
    样式;
}
/*选择父代标签下的亲子代标签元素*/

  组合选择器

标签1,标签2{
    样式;
}
/*选择所有的标签1和所有的标签2*/

  交集选择器(了解,不常用)

    当标签1选择器和标签2选择器中有相同的样式时使用。

标签1标签2{
    相同的样式;
}
/*选择所有的标签1和所有的标签2*/

  伪类选择器

/*没有被访问过a的状态*/
a:link{
    color: orange;
}
/*访问过后的a的状态*/
a:visited{
    color: green;
}
/*鼠标悬浮时a的状态*/
a:hover{
    color: black;
}
/*鼠标按住的时候a的状态*/
a:active{
    color: red;
}

   注意::hover可以应用于任何元素。

posted @ 2020-03-15 01:09  手可摘星辰。  阅读(115)  评论(0编辑  收藏  举报