CSS选择器

CSS:Cascading Style Sheets级联样式单/层叠样式表单
样式表现语言、对HTML语言的补充,用于网页样式的定义、精确控制页面元素
#CSS引入:内联样式 内部样式 引入外部样式 导入外部样式
style   link-rel、href     @import ''
#CSS语法
selector1,selector2{property:value;.....}
一个基本结构,三个注意事项
*选择器{样式名:样式值}
1.样式用分号分隔 2.字母推荐小写 3.用逗号分隔选择器
#CSS特性:层叠特性、继承性
#CSS选择器
通配符选择器,用*表示,对所有元素生效、用于设置一些初始化的公共属性 *{property:value;.....}
元素选择器 :E{property:value;.....}
id选择器 :id唯一性,选中页面中id属性值的元素 #id{property:value;.....}
类选择器 :不唯一,选中相同class属性值  .class{property:value;.....}
id选择器可以和类选择器组合使用,进行精确定位
属性选择器 :用于对具有某些属性的元素设置CSS样式 E[attribute]{property:value;.....}
伪类选择器 :冒号开头、处在一定状态的元素,最喜欢和超链接a元素一起使用
          :link   :visited  :hover  :active  顺序很重要
*派生选择器分为3种
后代选择器 :选择某个元素的后代元素,格式为 父元素 子元素{property:value;.....}
子元素选择器 :选择某一个元素子元素的元素,只选择第一级子元素,格式为 父元素>子元素{property:value;.....}
相邻兄弟选择器 :两个相邻元素选择后面第一个元素,格式为 父元素+子元素{property:value;.....}
*选择器权重
通配符-0 标签-1 类、伪类、属性-10 id-100 内联样式style-1000 特殊处理!important-强制使用
posted @ 2020-06-26 23:18  kylingx  阅读(114)  评论(0编辑  收藏  举报