CSS简介与选择器优先级

来源:互联网 发布:淘宝的吉他会是正品吗 编辑:程序博客网 时间:2024/06/05 09:19

CSS的简介

在样式表中,CSS的写法通常如下。


<selector>{  <attr1>:<value1>;  <attr2>:<value2>;  <attr3>:<value3>;  ......  <attrN>:<valueN>;}

selector的中文名叫“选择器”,表示对哪个元素设置样式。大括号内部设置具体的样式,如字体等。设置样式的方法是通过多对:组合而成,中间用分号( ; )分隔。

选择器的简介

选择器就是选中元素的一种工具,选中你想要添加在样式的元素

选择器的优先级

  1、无条件优先的属性只需要在属性后面使用 !important 。它会覆盖页面内任何位置定义的元素样式当然,IE 6不支持这个属性,于是它也成为一种hack被很多人所熟知,真正使命被人淡忘。
  
  2、第二高位的优先属性是在html中给元素标签加style。由于该方法会造成CSS的难以管理,所以不推荐使用。就是内嵌式CSS
  
  3、第三级优先的属性是由一个或多个id选择器来定义的。例如 #id{margin:0;}
  
  4、第四级的属性由一个或多个 类选择器、属性选择器、伪类选择器定义。如 .classname{margin:3px;};[title~=hello] { color:red; };a:link {color:red;}
  
  5、第五级由一个或多个 类型选择器定义。如 div{margin:6px;}
  
  6、最低一级的选择器是为一个通配选择器,用*{margin:10px;}这样的类型来定义。

原创粉丝点击