选择器

143 阅读2分钟

css语法格式:
选择器{
样式声明
样式名:样式值;
选择器
基础选择器
1:元素选择器
格式:标签名{}
作用在页面中所有的同类型的标签上
2:id选择器
格式:#id值{}
只作用于id值选中的那个标签上,
3:类选择器格式:.类名{}
选择页面中的所有元素
1、元素的关系
嵌套关系:父子关系
并列关系:兄弟关系
父元素:直接包含在子元素的元素就是父元素
子元素:直接被父元素包含的元素就是子元素
后代元素:被一个元素直接或间接包含的元素都是它的后代元素
祖先元素:父元素也是子元素的祖先元素
2:、复合选择器
其实就是多个基础选择器相互形成选择器
2.1交集选择器格式:选择器1 选择器2{}
作用:是将只要符合其中一个条件的元素选择出来
注意:每一个选择器独占一行,多个选择器要竖着写 多个选择器之间没有顺序之分
2.3子选择器
格式:父元素>子元素{}
作用:是选择一个元素中的所有同类型的子元素,子元素是这个父元素的亲儿子
2.4后代选择器
格式:元素1 元素2{}
作用:将元素1中所用同类型的后代元素都选择出来
2.5属性选择器
格式:[属性名]{} 选择具有这个属性的元素
[属性名=‘属性值’]{}选择具有这个属性且属性值全等的元素
属性名^=属性值 选择具有这个属性值以特殊值开头的元素
属性名$=属性值选择具有这个属性值以特殊值为结尾的元素