WEB学习-CSS基础选择器

• 基础选择器

• 1 标签选择器 
  就是标签的名字。
  
      •    <h1>前端与移动开发<span>1期班</span>基础班</h1>
  css:
      •        <style type="text/css">
      •            span{
      •                color:red;
      •            }
      •        </style>
  
  注意的是：
  1） 所有的标签，都可以是选择器。比如ul、li、label、dt、dl、input
      •            ul{
      •                background-color: yellow;
      •            }
  
  2） 无论这个标签藏的多深，一定能够被选择上：
      •        <ul>
      •            <li>
      •                <ul>
      •                    <li>
      •                        <ul>
      •                            <li>
      •                                <ul>
      •                                    <li>
      •                                        <p>我是很深的p</p>
      •                                    </li>
      •                                </ul>
      •                            </li>
      •                        </ul>
      •                    </li>
      •                </ul>
      •            </li>
      •        </ul>
  css：
      •            p{
      •                color:blue;
      •            }
  能够让很深的p变蓝。
  
  3） 选择的所有，而不是一个。
  
  标签选择器，选择的是页面上所有这种类型的标签，所以经常描述“共性”，无法描述某一个元素的“个性”的。
  
  2 id选择器
      •        <p>我是段落1</p>
      •        <p id="para2">我是段落2</p>
      •        <p>我是段落3</p>
  css：
      •        <style type="text/css">
      •            #para2{
      •                color:red;
      •            }
      •        </style>
  id选择器的选择符是“#”。
  任何的HTML标签都可以有id属性。表示这个标签的名字。
  这个标签的名字，可以任取，但是：
  1） 只能有字母、数字、下划线
  2） 必须以字母开头
  3） 不能和标签同名。比如id不能叫做body、img、a
  
  一个HTML页面，不能出现相同的id，哪怕他们不是一个类型。比如页面上有一个id为pp的p，一个id为pp的div，是非法的！
  
  
  一个标签可以被多个css选择器选择，共同作用，这就是“层叠式”的第一层含义。