• css3选择器(一)——属性选择器


    css属性选择器: demo

    Element[attr]

    Element[attr = "value"]

    Element[attr ^= "value"]:以value开头

    Element[attr $= "value"]:以value结尾

    Element[attr *= "value"]:只要包含value

    Element[attr ~= "value"]:必须有value这个词,

    Element[attr |= "value"]: 属性值以value-开头,比如:zh-cn

     1 <p data-text="one web-js">不走寻常路?美国迈入“特朗普时代”的5大猜想</p>
     2 <p data-text="web-js one">不走寻常路?美国迈入“特朗普时代”的5大猜想</p>
     3 
     4 <p data-text="two web-css">河北一假信用点卷走500户村民2000余万存款</p>
     5 <p data-text="web-css two">河北一假信用点卷走500户村民2000余万存款</p>
     6 
     7 <p data-text="three web-html">马来西亚警方捣毁一组织中国籍残疾人行乞团伙</p>
     8 <p data-text="web-html three">马来西亚警方捣毁一组织中国籍残疾人行乞团伙</p>
     9 
    10 
    11 <p data-text="four xxx">揭秘四川巡山骑警:听狼嚎追马贼 每次任务都是玩命</p>
    12 <p data-text="five ccc xxx">成都地面沉降最快地方1.4厘米/年 专家剖析主因</p>
    13 <p data-text="six ccc ttt">成都地面沉降最快地方1.4厘米/年 专家剖析主因</p>
    1 p{ line-height: 24px; font-size: 12px;}
    2 p[data-text]{border-bottom: 1px solid #000;}
    3 p[data-text = "one"]{background: pink;}
    4 p[data-text ^= "t"]{background: green}
    5 p[data-text $= "x"]{background: grey}
    6 p[data-text *= "r"]{color: red}
    7 p[data-text ~= "ccc"]{color: blue}
    8 p[data-text |= "web"]{font-weight: bold; font-size: 20px;}

     例子:demo

  • 相关阅读:
    【Oracle 故障处理一则】 ORA-600
    【转载】关于物化视图
    【转载】OTLP和OLAP的区别
    【转载】Linux追加虚拟内存Swap
    【转载】Keepalived 的使用
    【识记】修复oracle的坏块
    K-means算法[聚类算法]
    决策树ID3算法[分类算法]
    6)图[1]之邻接矩阵存储[深度遍历和广度遍历]
    2)杨辉三角[2]递归实现
  • 原文地址:https://www.cnblogs.com/wmh1106/p/6050394.html
Copyright © 2020-2023  润新知