zoukankan      html  css  js  c++  java
  • CSS选择器

    CSS:Cascading Style Sheets级联样式单/层叠样式表单
    样式表现语言、对HTML语言的补充,用于网页样式的定义、精确控制页面元素
    #CSS引入:内联样式 内部样式 引入外部样式 导入外部样式
    style   link-rel、href     @import ''
    #CSS语法
    selector1,selector2{property:value;.....}
    一个基本结构,三个注意事项
    *选择器{样式名:样式值}
    1.样式用分号分隔 2.字母推荐小写 3.用逗号分隔选择器
    #CSS特性:层叠特性、继承性
    #CSS选择器
    通配符选择器,用*表示,对所有元素生效、用于设置一些初始化的公共属性 *{property:value;.....}
    元素选择器 :E{property:value;.....}
    id选择器 :id唯一性,选中页面中id属性值的元素 #id{property:value;.....}
    类选择器 :不唯一,选中相同class属性值  .class{property:value;.....}
    id选择器可以和类选择器组合使用,进行精确定位
    属性选择器 :用于对具有某些属性的元素设置CSS样式 E[attribute]{property:value;.....}
    伪类选择器 :冒号开头、处在一定状态的元素,最喜欢和超链接a元素一起使用
              :link   :visited  :hover  :active  顺序很重要
    *派生选择器分为3种
    后代选择器 :选择某个元素的后代元素,格式为 父元素 子元素{property:value;.....}
    子元素选择器 :选择某一个元素子元素的元素,只选择第一级子元素,格式为 父元素>子元素{property:value;.....}
    相邻兄弟选择器 :两个相邻元素选择后面第一个元素,格式为 父元素+子元素{property:value;.....}
    *选择器权重
    通配符-0 标签-1 类、伪类、属性-10 id-100 内联样式style-1000 特殊处理!important-强制使用
    
  • 相关阅读:
    业务需求、用户需求和功能需求
    乐观锁的两种实现方式
    数据字典
    freemarker(ftl)标签用法
    commons-lang常用方法
    前端与后端分离
    jar包导入本地maven库的操作
    本地打jar包到本地的Maven出库
    MyEclipse中好用的快捷键汇总整理
    简单的反编译class文件并重新编译的方法
  • 原文地址:https://www.cnblogs.com/kylingx/p/13196799.html
Copyright © 2011-2022 走看看