Heim > Web-Frontend > HTML-Tutorial > CSS那些事读书笔记1_html/css_WEB-ITnose

CSS那些事读书笔记1_html/css_WEB-ITnose

WBOY
Freigeben: 2016-06-24 11:45:11
Original
1002 Leute haben es durchsucht

  提到选择符,只知道类选择符合ID选择符,对选择符的优先权不是很清楚。下面,摘抄书上的示例:

  对属性设置!important关键字声明,提升属性的权重值。添加!important关键字声明的属性在优先级别是最高的。

  • 标签选择符、伪类及伪对象:优先级别积分为1。
  • 类选择符、属性选择符:优先级别积分为10。
  • ID选择符:优先级别积分为100。
  • style属性:优先级积分为1000。
  •   实例:

    p{ color:blue; }

    p .myColor{color:black;}

    .myColor{color:yellow;}

    #myColor{color:red;}

    p=1

    p .myColor=1+10=11

    .myColor=10

    #myColor=100

    style="color:green;"=1000

    颜色标注部分容易搞错,我一直以为是第二个标注的颜色优先级更高。

    Verwandte Etiketten:
    Quelle:php.cn
    Erklärung dieser Website
    Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
    Beliebte Tutorials
    Mehr>
    Neueste Downloads
    Mehr>
    Web-Effekte
    Quellcode der Website
    Website-Materialien
    Frontend-Vorlage