css 样式基础(一) 选择符与结构

基本规则

css的主要作用:将某些规则应用于文档中同一元素

规则结构

每条规则有两个部分:选择符和声明(dectaration).每条声明实际上是属性和值的组合.每个样式表就是由一系列规则组成,但规则并不是总出现在样式表里

声明

声明的格式是固定的,某个属性(property)后跟一个冒号,然后是其取值.最后,这条声明以分号(;)作为终结.而值可以是单个关键字(keyword)或者是由空白符

所分开的一串关键字组成

分组

同一条规则应用于多个元素

分组选择符

假设文档中的H2元素和P元素都应是灰色的文本。如下

H2,P{color:gray}

通过将H2和P元素同时放在规则的左边并且用逗号分隔他们,右边为规则定义的样式(color:gray;),规则将同时应用于两个选择符

类和ID的区别

类可以分配给任何数量的元素,而且它可以作用于许多其他的元素。另外一方面,ID却只能在某个HTML文档中使用一次。类和ID的另外一个区别是:ID对给定元素应用何种样式比类具有更高的优先权

伪类和伪元素

他们允许将样式应用于文档中不存在的结构上,或者通过当前元素状态甚至是文档自身的状态而推断的某些东西上.

伪类

:link 值超链接是一个未访问过的地址。注意有些浏览器可能将:link翻译成指定任何超链接,访问过或未访问过
:visited 指已经访问过的网页的指定瞄
:active 指任何处于活跃状态(例如别点击)的定位瞄。在css1里,这只用于超链接,然而在css2中,:active理论上可应用于任何元素

伪元素选择器

伪元素通过插入到文档中的虚构元素进行触发,从而达到某种效果

原文地址:https://www.cnblogs.com/shuanger/p/2674824.html