2018-03-25

选择器的几种类型

  • 标记选择器(元素选择器):可直接由HTML标记做选择器,只要页面中所有与它同名的标记样式均相同,均属于标记选择器。
    在没接触css之前,学习的HTMLbody代码中所有相同的标记中的内容标记都相同。
    ~例如:<p></p> <img>
  • 类选择器
    作用:使用灵活,能够完成id选择器所有作用,如果对样式的重用性要求高使用class选择器。
  • 类名是它的使用格式
    ~例如:<body>
    <p class="a1">类选择器设置样式</p>
    </body>
  • a1{font-size:small}可以使p标签中的内容字体变小
  • id选择器
    作用:与class选择器功能相似,如果需要唯一标识使用id选择器。
    使用格式:#id名称
    ~例如: #a2{color:red;font-family:"微软雅黑"}
    <p id="a2">使用id选择器设置样式</p>

  • 派生选择器:在css1中叫上下选择器,在css2中叫派生选择器。
    作用:根据文档上下文关系来确定某个标记的样式,使css代码变得更加整洁。
    ~例如:<p><strong>我是粗体字</strong></p>
    <ol>
    <li><strong>我是斜体字</strong></li>
    <li>我是正常的字体</li>
    </ol>
    有两个strong标记,但只有li元素中的是strong为斜体字
    li strong{ font-style: italic; font-weight:normal; }
    strong{ font-weight: bold; }

第一次写简书实在不易,记录下这次心情 //// 哇咔咔~
还有好多不足,还望多多指教。

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容