zoukankan      html  css  js  c++  java
  • [学习笔记]CSS选择器

    CSS语法结构
    selector {
        property1 : value;
        property2 : value;
    }
    如果包含多个属性,那么属性每个属性的结尾需要有一个分号。如果属性的值由多个单词构成,那么需要使用引号将多个单词包含起来。
     
    选择器的种类:
    • 元素选择器 - 直接选择html元素: h1{} , a{}
    • 选择器分组 - 可以针对多种类型的标签设置相同的样式: h1,a{}
    • 通配符 - 针对所有的html标签设置样式.常用的做法是使用通配符来设置margin和padding为0px: *{}
    • 类选择器 - 通过.classname来指定一类样式,在html中通过class=classname来设置类样式: .class{}
    • 元素选择器+类选择器 - 选取指定了类选择器的特定类型的元素: a.class{}
    • 多类选择器 - 顾名思义,在html标签上应用多个类样式.在html中通过class="class1 class2"来指定,在样式表中的格式为: .class1.class2{}
    • id选择器 - 通过#id来为特定的属性来指定样式,只需为html标签设定id: #id{}
    • 属性选择器 - 对带有指定属性的html指定样式: [property] {}
    • 属性和值选择器 - 类似于属性选择器,并且附加一个限定条件即为特定的属性指定了一个值: [property = value] {}
    • 部分属性值选择器 - 类似与属性和值选择器, 这种情况下,只需属性的值包含有给定的值即可: [property~=value]{}
    • 后代选择器 - 选择某元素的后代(包括子元素, 子孙元素, 后代元素...): div p a{}, 选取div元素下面的p元素下面的a元素
    • 子元素选择器 - 选择某元素的子元素(只能选择直接的后代): p>strong{}
    • 相邻兄弟选择器 - 选择紧接着某元素后面的元素,且具有相同的父元素: h1+p{}, 与h1同级别并且紧接着出现在h1后面的p元素
    • 继承:子元素将会继承父元素上定义的样式
  • 相关阅读:
    Redis分布式锁实现
    mysql索引命中规则
    spring注解原理
    img 标签访问图片返回403forbidden
    根据注解修改属性的值
    通过反射改变对象的属性
    利用反射获取类或者方法或者字段上的注解的值
    什么时候出现死锁,如何解决?mysql 引擎? 多个like or 查询sql如何优化?什么是常量池?for条件执行顺序
    jvm 基础
    为什么要用jvm .
  • 原文地址:https://www.cnblogs.com/jonathanlin/p/4403999.html
Copyright © 2011-2022 走看看