HTML常用选择器_老张的博客-程序员宅基地_html选择器

技术标签: 选择器  HTML  html  

常用选择器

在HTML中常见选择器有:
元素选择器、id选择器、类选择器(class)、选择器分组(并集选择器)、通配选择器、复合选择器(交集选择器)。
元素选择器
作用:通过元素选择器可以选择页面中的所有指定元素。
语法:标签名{}
  例如:

p{
     color: darkmagenta;
 }

id选择器
作用:通过元素的id值选中唯一的元素。
语法:#id属性值{}
  例如:

#p1{
    font-size: 20px;
}

注意:一个HTML中id不允许重复
类选择器
作用:通过元素的class属性值选中一组元素。
语法:.class属性值{}
class属性值和id属性值相似,只不过class属性值可以重复。
  例如:

.p2{
    color: aquamarine;
}

选择器分组(并集选择器)
作用:通过选择器分组可以同时选中多个选择器对应的元素。
语法:选择器1,选择器2,选择器n{}
  例如:

#p1,.p2,h1{
    background-color: blue;
}

通配选择器
作用:选中页面中的所有元素。
语法:*{}

*{
    color: yellow;
}

复合选择器(交集选择器)
作用:可以选中同时满足多个选择器的元素。
语法:选择器1选择器2选择器n{}
  例如:

span.p3{
    color: yellow;
}
版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/Mr__ZzZz/article/details/84192245

智能推荐

随便推点