CSS语法规范

内容纲要

基础选择器

  • 单个选择器组成
  • 包括标签选择器、类选择器、id选择器、通配符选择器

标签选择器

HTML标签名称作为选择器

  • 作用
    把某一类标签全部选择出来,如所有的\

    和所有的\
  • 优点
    快速为页面中同类型标签统一设置样式。
  • 缺点
    不能设计差异化样式。

类选择器

差异化选择不同标签

id选择器

id选择器和类选择器的区别

  1. 类选择器可以被多次引用,id选择器只能引用一次
  2. 类选择器在修改样式中用的最多,id选择器一般用于页面唯一性的元素上,经常和js搭配使用

总结

基础选择器作用特点使用情况用法
标签选择器可以选出所有相同的标签不能差异化选择较多p { color: red; }
类选择器可以选出一个或多个标签可以根据需求选择非常多.nav { color: red; }
id选择器一次只能选择一个标签ID属性只能在每个HTML文档中出现一次一般和js搭配#nav { color: red; }
通配符选择器选择所有的标签选择的太多,部分不需要特殊情况使用* { color: red; }

留下评论

您的电子邮箱地址不会被公开。