zoukankan      html  css  js  c++  java
  • 选择器

    选择器{声明;}

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

  • 相关阅读:
    sl学习
    xc笔记
    1_2_3_4_5 Html-Css
    linux服务器架设--学习笔记
    注解学习
    关于ruby gem源更新安装问题
    css3:2D与3D变形
    css3关键帧动画以及兼容性策略
    css3背景,蒙版,倒影以及过度
    阴影边框以及渐变
  • 原文地址:https://www.cnblogs.com/duanjiujiu/p/5281090.html
Copyright © 2011-2022 走看看