选择器{声明;}
# id选择器;
. class选择器;
p 标签选择器;
input[type="text"] 属性选择器;
p,.red,#yellow 群组选择器;
p span 包含选择器(派生选择器);
p>span 子选择器
伪类选择器:
:link; :visited; :hover; :active;
:first-line;(元素的第一行内容;)
:first-letter;(元素的第一个字符;textarea里面没有效果)
:nth-child(n);(元素的第n个子元素)
:nth-last-child(n);(元素倒数第n个子元素)
:nth-child(odd);(元素所有奇数的子元素)
:nth-child(even);(偶数个子元素)
:focus{} (光标获取时候的样式)
::selection{} (页面所有元素里面的字体选中的时候样式;此时只能设置文本颜色与文本背景颜色)
:checked{} (默认选中,但是只有opera支持)
:root{} (针对的是真个html窗口)
:empty{} (元素中没有内容的所有元素)
:after{} (在标签内容最后面进行样式或者内容的添加)
:before{} (在标签内容最前面进行样式或者内容的添加)
:not(div){} (除了div元素其他所有的页面元素)
css文件里面的字符编码:@ charset "utf-8";
样式优先级
!important>内联样式>id>class>标签>*