zl程序教程

您现在的位置是:首页 >  其他

当前栏目

前端基础 - CSS选择器

基础前端CSS 选择器
2023-09-11 14:15:41 时间

CSS选择器

作用:
选择器,它的作用就是选中某个或者某些标签,以便于我们给这些标签设置属性

  • 标签选择器/标记选择器/元素选择器: 选中了我们指定名字的所有标签
    格式: 标签名{
    属性名:属性值;
    }

  • id选择器: 选中标签,id值是指定值的标签
    格式: #id值{
    属性名:属性值;
    }

  • class选择器: 选中标签,class值是指定值的标签
    格式:.类名{
    属性名:属性值;
    }

  • 属性选择器: 只选中符合我们要求属性值的标签
    格式:选择器[属性名=属性值]{
    属性名:属性值;
    }

  • 包含选择器/后代选择器:
    格式:选择器1 选择器2{
    属性名:属性值;
    }
    是选中选择器2的标签,但是这个标签必须包含在选择器1中,而且可以是直接子元素,可以是孙子元素