css选择器

CSS选择器有以下四类:

  • 标签选择器
  • id选择器
  • 类选择器
  • 特殊选择器

标签选择器:最常用的选择器类型,可用来寻找特定类型的元素,如段落,超链接,标题元素!

  优点:能够快速为页面中同类型的标签统一样式!

  缺点:不能设计差异化样式,有时候会相互干扰!

ID选择器:使用”#“前缀标识符进行标识,后面紧跟指定元素的ID名称,元素的ID名称是唯一的!如logo,导航条等

#box{width:100px;height:100px;]

注:box是id名称。推荐父级元素用ID,子集元素用class

  

#father{}       <--父级样式-->
#father div{}    <-所有子div元素样式-->
#father .child1{}<--子级样式1-->
#father .child2{}    <--子级样式2-->

 

类选择器:使用"."进行标识,后面紧跟类名!

类样式可以应用于文档中的多个元素,这体现了CSS代码的可重用性,帮用户简化页面控制76

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。