码迷,mamicode.com
首页 > Web开发 > 详细

css基础选择器

时间:2019-11-18 20:13:24      阅读:92      评论:0      收藏:0      [点我收藏+]

标签:页面   元素对象   选择   数字   命令   属性   css选择器   不能   类型   

css基础选择器

标签选择器(元素选择器)

  • 标签选择器是指html标签名作为选择器,按标签名分类
    • 标签名 {属性:属性值;**} or 元素名{属性:属性值;**}
    • 标签选择器的最大优点就是能快速为页面中同类型的的标签统一样式,不能涉及差异化

类选择器

  • 类选择器使用"."来进行标识,后面紧跟类名
    • .类名 {属性: 属性值}
    • 标签调用的时候用class="类名"即可
  • 类选择最大的优势是可以为元素对象定义单独或相同的样式

    1.长名称或词组可以使用中横线来为选择器命令
    2.不建议使用下划线来命名css选择器
    3.不要纯数字、中文等命名,尽量使用英文来命名

ID选择器

  • 类选择器使用"#"来进行标识,后面紧跟id
    • #类名 {属性: 属性值}
    • 标签调用的时候用id="id"即可

css基础选择器

标签:页面   元素对象   选择   数字   命令   属性   css选择器   不能   类型   

原文地址:https://www.cnblogs.com/ivy-blogs/p/11884545.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!