选择器

选择器{声明;}

# 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>标签>*

posted @ 2016-03-15 20:47  端九九-  阅读(114)  评论(0编辑  收藏  举报