zoukankan      html  css  js  c++  java
  • 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元素。他们具有共同的父元素。

  • 相关阅读:
    linux创建www用户组和用户
    php+nginx改为socket
    laravel重写
    centos7精简版(minimal)killall: command not found
    php+nginx 整合
    php编译安装
    Nginx的编译安装
    sql 中常见的控制流语句
    sqlserver 中常见的函数 数学函数
    sqlserver 中常见的函数字符串函数
  • 原文地址:https://www.cnblogs.com/zczhangcui/p/6131611.html
Copyright © 2011-2022 走看看