CSS(二）选择符

 2019-04-11 22:14:23

1.类型选择符（标签选择符）
  html中所有的标签都可以直接对元素选择
  p em i a html body.....

  特点：对页面中所有当前类型的元素进行选择。
  应用：清除某个元素默认样式的时候，或者是统一某个元素样式的时候
 2.id选择器
  语法：<标签 id="top-wrap"></标签>
   css:#id名字
  特点：id名字在单一一个页面内是唯一的
  应用：id名是划分网页外围结构的
 3.类选择器：
  语法：
   <标签class="class名称"></标签>
   css:  .class名称（css语句）
  应用：可以定义一类的样式
  css命名规范：
   1.不能使用关键字（不能是标签名和属性）
   2.英文字母开头，可以连接数字，连字符和下划线
   

   连字符：
    news-left news-right news-center
   下划线：
    news_left news_r news_c
   驼峰式：
    newsLeft newsRight

4.包含选择符：
   语法：
    父元素选择符 子元素选择符
  5.群组选择符：
   语法：(以逗号的形式把选择符组成一组)
    选择符1，选择符2，选择符3{}

6.伪类选择符

a:link{属性：属性值；}超链接的初始状态
 a:visited{属性：属性值；}超链接被访问后的状态
 a:hover{属性：属性值；}鼠标悬停，即鼠标划过超链接时的状态
 a:active{属性：属性值；}超链接被激活的状态，即鼠标按下时超链接的状态

7.通配符

  *{

   margin:0;
   padding:0;
  }

注：选择符权重：

内联样式表 >id >class、伪类> 标签

(1000)         (100)           (10)    (1)

a:包含选择符权重为权重之和。

b:群组选择符保持自身权重不变