css选择器之基本选择器

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

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

css选择器之基本选择器

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

相关推荐

  • 前端开发复合选择器之后代选择器

    <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <meta na ...

  • jQuery选择器之层级选择器(2)

    jQuery选择器之层级选择器(2) jQuery的层级选择器中主要包括四种,分别为后代选择器.子元素选择器.相邻元素选择器.之后的兄弟元素选择器. 以下实例演示都是通过的元素颜色的变化展示. 未变色 ...

  • jQuery选择器之基本过滤选择器(3)

    jQuery选择器之基本过滤选择器(3) jQuery的层级选择器中主要包括::first选择器.:last选择器.:not(selector)选择器.:even选择器.:odd选择器.:eq选择器. ...

  • CSS与SCSS的选择器总结

    选择器可以选择类(或ID).标签.类(或ID)与标签组合表示方式为:类标签IDHTMLclass="cla"<lab>id="num"CSS.cla ...

  • CSS Id 和 Class选择器

    如果你要在HTML元素中设置CSS样式,你需要在元素中设置"id" 和 "class"选择器.id 选择器id 选择器可以为标有特定 id 的 HTML 元素指 ...

  • [css] 第113天 标签、class和id选择器三者的区别是什么?分别在什么时候用?

    今日试题: 标签.class和id选择器三者的区别是什么?分别在什么时候用? 此开源项目四大宗旨:勤思考,多动手,善总结,能坚持 <论语>,曾子曰:"吾日三省吾身"(我 ...

  • 【11】css 基本功:引入方式及选择器相关

    vue 组件开发,必须熟悉基本的 css 知识及技巧. 目录 1.原生 css 的三种引用方式 2.组件开发中的选择器 2.1.深度作用选择器 2.2.不使用类型选择器 3.css 选择器 1.原生 ...

  • 小白入门你教程CSS选择器

    CSS越来越重要是大家中所周之的,但是还有很多人不知道CSS有哪些基本选择器和高级选择器?下面我们来总结一下. CSS有哪些基本选择器和高级选择器? ID选择器>类选择器>标签选择器 行内 ...

  • CSS第一天-02-CSS基础选择器

    第01阶段.前端基础.CSS基础选择器 CSS选择器(重点) 学习目标: 理解 能说出选择器的作用 id选择器和类选择器的区别 应用 能够使用基础选择器给页面元素添加样式 1. CSS选择器作用(重点 ...