CSS样式学习2

作者: 云之行 | 来源:发表于2018-07-04 16:22 被阅读0次

!important 声明最高

标签选择器优先级:id选择器优先级>class优先级>标签选择器

1.权值相同

同一元素引用多个class定义的样式,根据定义方法前后顺序来确定最终结果(就近原则)

2.权值不同权值越高引用优先级越高权值相同就采用就近原则

标签选择器:权值为1

类选择器和伪类:权值为10

ID选择器:权值为100

通配符选择器:权值为0

行内样式:权值为1000

权值规则

统计不同选择器的个数,每类选择器的个数乘以相应权值,把所有值相加得出选择器的权值

#main div.warning h2{...}

选择器个数: id:1 class1 标签:2

权值:100 + 10 + 2 = 112

id 不要滥用,谨慎使用,应该适当使用class

css命名

CSS样式学习2
!important 声明最高标签选择器优先级:id选择器优先级>class优先级>标签选择器 1.权值相同同...
CSS选择器与文本样式
CSS选择器以及文本样式 CSS学习 CSS 层叠样式表（Cascading Style Sheets）CSS可用...
HTML+CSS基础（CSS篇上）
开始学习CSS，为网页添加样式 1、认识CSS样式 CSS全称为“层叠样式表 (Cascading Style S...
那些事（四）
CSS学习 1、CSS简介 CSS 指层叠样式表 (Cascading Style Sheets)；样式定义如何...
CSS第二节（第六天）
一、学习计划： 1.标签的类型（显示模式） *样式标签 *框模型标签 *CSS点位 *选择器 2.CSS字体样式属...
慕课网HTML+CSS基础教程(6-8章)2.0版
一、开始学习CSS 1、认识CSS样式CSS全称为“层叠样式表 (Cascading Style Sheets)，...
DAY04
1、CSS样式 1.1、CSS背景样式 1.2、背景的简写 1.3、背景吸附 1.4、背景大小 2、文本样式 2....
day3
A今天学习内容 1.css基本样式如：如： 2.css样式的继承 B今天掌握的内容 C今天未掌握的内容 none
HTML+CSS基础课程(中)
第6章开始学习CSS，为网页添加样式 1、认识CSS样式CSS全称为“层叠样式表 (Cascading Styl...
day2（乱）
css样式 1 css样式属性 #1.1 样式重置（初始化样式） 1.2 常用属性 1.3 元素水平居中 2 常用...