• css-css权威指南学习笔记2


    第二章 选择器

    1、在font属性中,只有一种情况下可以使用/来分隔两个特定的关键字,即元素的字体大小/行高

    2、通过把两个类选择器链接在一起,可以选择同时包含这些类名的元素,类名的顺序不限。

    .warning.urgent{
        background: silver;
    }

    3、在IE7之前的浏览器,p.warning.help只会匹配p.help。

    4、同时使用id选择器和class选择器,将会引用id选择器中的值。(id选择器比类选择器优先级高)

    5、简单属性选择:为所有带有alt属性的图像应用某种样式:

    img[alt]{
        border:3px solid red;
    }

    (这个例子更多用于诊断图像是否确实有效,因为img规定必须要有alt值)

    6、属性选择时也可以选择具有特定属性值的元素,以进一步缩小选择范围。

    7、根据部分属性值选择:(根据词选择)

    p[class~="warning"]{
        font-weight: bold;
    }

    将会选择class属性中包含warning的p元素,等价于p.warning。但它可以应用于任何属性,而不仅仅是class。如

    img[title~="Figure"]{
        //
    }

    它将会选择title文本中包含Figure的所有图像。

    8、子串匹配属性选择器:P48.

    9、特定属性选择类型:

    img[src|="figure"]{
        //
    }

    将选择src属性以figure开头的img元素。这个是匹配字符串,与根据部分属性值选择不同。

    10、选择相邻兄弟元素:

    h1+p{
        //
    }

    选择紧接着h1元素后出现的所有p元素。他们具有共同的父元素。

  • 相关阅读:
    iOS 9之适配ATS(转载)
    ios8 tableView设置滑动删除时 显示多个按钮
    PHP IDE phpstorm 快捷键
    ld: warning: directory not found for option 去掉警告的方法
    iOS 评论APP撰写评论
    集成IOS 环信SDK
    iOS Xcode7免证书真机调试
    iOS定时器
    配置安装CocoPods后进行 项目基本配置
    事务的概念
  • 原文地址:https://www.cnblogs.com/zczhangcui/p/6131611.html
Copyright © 2020-2023  润新知