前端 CSS3

子元素选择器  父元素>子元素
相邻兄弟元素选择器   二者同级切相邻  元素1+元素2   （只为元素2赋值）
通用兄弟选择器  选择元素后面的所有某元素 同级  元素1~元素2

属性选择器
对带有指定属性的HTML元素设置样式

		a[href]{
			text-decoration: none; /*属性选择器*/
		}
		a[href="#"]{
			text-decoration: none;/* 属性指定值选择器 */
		}
		a[href~="#"]{
			text-decoration: none;/* 包含 有多个值的时候包含一个就匹配*/
		}
		a[href^="#"]{
			text-decoration: none;/* 以  #开头*/
		}
		a[href$="#"]{
			text-decoration: none;/* 以 $ 结尾*/
		}
		a[href*="#"]{
			text-decoration: none;/* 值里包含#*/
		}
		a[href|="#"]{
			text-decoration: none;/* 数值以  value 或者 value- 开头*/
		}

link visited hover active focus 伪类
enabled disabled(不可用) checked UI元素状态伪类

结构类
first-child last-child
nth-child(N) 父元素的第N个子元素 不论类型

 		odd even 奇数 偶数
 		n可以是表达式 比如 2n 2n-1 3n   3n+1  n+4等
 		n从0开始  child下标第一个是1
nth-last-child(N) 同上 但是从最后一个开始算
Element ：nth-of-type（N） 只查Element的情况下  
	
	如 div:nth-of-type(2)
	section
	div
	div  这行亮 上面的不亮

nth-last- of-type（N）
fist-of-type last- of -type

Element :only-child

父元素只有一个子元素 且这个元素是element 则匹配

Element :only-of-type

父元素的子元素可以有很多  但是只有一个element

Element:empty 没有子元素的element 也没有文本元素 比如 <div>不是空</div>就不符合

否定选择器
父元素:not(子元素 子选择器)
伪元素选择器
格式 element::伪元素
element::first-line first-letter
before 在元素的内容前面插入新的内容 配合 content标签
after 同上 多用于清除浮动

con::after{
			display:block;
			content: "";
			clear: both;
		}

selection 选中文本后的背景色与前景色