1.类选择器

在CSS文件中的格式:
 .center {text-align: center}    /*注意有一个点哦,亲*/
用法举例:
 <h1 class="center">
 This heading will be center-aligned
 </h1>
个人观点:
 这种选择器就像针对大众的公共商品,大家都可以去选择,谁有需要谁就去调用它就可以了。
 选择器的作用范围可以是所有的元素,只要你需要。就好比“毛巾”,只要你需要,都可以买去用。


2.(我不知道叫啥名)

在CSS文件中的格式:
 body {color:green;}
用法举例:
 这种不需要调用。
个人观点:
 这种选择器针对的是html中的标签tag元素,就以以上这条为例子,html中<body></body>的元素(如文字)就会是绿色的。
 选择器的作用范围是特定的群体,就好比说,女性的衣服就只能让女人穿,男人就不该穿。

3.属性选择器


在CSS文件中的格式:
 1.[title]{color:red;}(只要有title这个属性就都会生效,不管属性的值是多少。)
用法举例:
 1.<h2 title="Hello world">Hello world</h2>
   <a title="W3" href="#">W3</a>

 

在CSS文件中的格式:
 2.[title=W3School]{border:5px solid blue;}(必须要有title属性,并且只是w3school,才会生效)
用法举例:
 <h1>可以应用样式:</h1>
 <img title="W3" src="/i/W3_logo_white.gif" />
 <a title="W3" href="#">W3</a>

 <h1>无法应用样式:</h1>
 <p title="greeting">Hi!</p>
 <a class="W3" href="#">W3</a>
个人观点:
 这种选择器针对的是具有某些属性的元素。范围也是局部性的,特定的。
 就好比说,1.近视眼镜,只针对有近视眼的人的,2.而300度的近视眼镜是只针对是300度的近视的人。


4.ID选择器

在CSS文件中的格式:
 #red {color:red;}
用法举例:
 <p id="red">这个段落是红色。</p>
个人观点:
 这种选择器就像某些人去定制一套特殊的商品。这个选择器的作用范围是只针对该元素的,id指定了该元素的唯一性。
 就好比“姚明(id="姚明")去定制了一张2米的床,这张床就只能让姚明用,不是姚明的人都不能用。”


5.派生选择器:
在CSS文件中的格式:
li strong {
    font-style: italic;
    font-weight: normal;
  }
用法举例:
 <li><strong>我是斜体字。这是因为 strong 元素位于 li 元素内。</strong></li>
 <li>我是正常的字体。</li>
个人观点:
 这个比较好理解,是以上4种中的组合,儿组合只有一个规则:大的元素的选择器必须写在前面,而他的作用范围,是以小的为准。