css选择器之基本选择器

珠峰HTML|CSS精讲视频 admin 328浏览

什么是选择器呢?每一条css样式定义由两部分组成,形式如下: [code] 选择器{样式} [/code] 在{}之前的部分就是“选择器”。 “选择器”指明了{}中的“样式”的作用对象,也就是“样式”作用于网页中的哪些元素!查看css选择器百度说明文档!

  1. css规则由两个主要的部分构成:选择器以及一条声明或多条声明(css属性)
  2. 选择器通常是您需要改变的html元素
  3. 每条声明由一个属性和一个值组成
  4. 属性是你希望设置的样式属性.每个属性有一个值,属性和值被冒号分开

css选择器之基本选择器

  1. 标签选择器:直接使用元素标签进行选择<p></p>p{color:red}=<此类选择器的权重为1
  2. 类选择器:通过元素的类名,来选择元素,一个元素可以有多个类名,都代表这个元素类名是元素class属性中的属性值,例如<p class="sum"> </p>.sum的此选择器权重为10
  3. id选择器:通过元素的id名,来选择元素,类名是元素id属性中的属性值,例如<p id="sum" ></p>#sum{}=>此选择器的权重为100
  4. 通配符选择器,通过*选择全部元素,包括根元素*{}=>权重小于1,可能被覆盖

转载请注明:大灰牛博客 » css选择器之基本选择器