zoukankan      html  css  js  c++  java
  • css 样式使用方法的累积

    我们直接看样例然后在来解释使用方法。

    <!DOCTYPE html>
    <html>
    <head>
    <style>
    input[type="checkbox"]+p:before{
    content:"台词:";
    }
    </style>
    </head>

    <body>

    <input type="checkbox"/><p>我是唐老鸭。</p>
    <p>我住在 Duckburg。

    </p>

    <p><b>凝视:</b>对于在 IE8 中工作的 :before,必须声明 DOCTYPE。

    </p>

    </body>
    </html>

    页面效果显演示样例如以下:

    我们来解释一下以下这个css写法的用途

    input[type="checkbox"]+p:before{
    content:"台词:";
    }   

    它仅仅会在checkbox 紧接着的第一个标签为p的段落加上“台词” 这两个字

    这里有个 +  和:before的使用方法,+ 这里理解为and的意思,即input[type="checkbox"] 且 第一个p 才会加上样式


    第二个样例




    看样式写法。

    .dataTables_wrapper .row:first-child {
        padding: 12px 0px 4px;
        margin: 0px 0px;
        background-color: #eff3f8;
    }
    这个样式仅仅会对第一个th 起作用,第二个th是不起作用的。同一时候 最后一个能够这样写.dataTables_wrapper .row:last-child

    第三个样例。

    用css样式画一个圆

    div
    {
    background-color: #000;
        color: #fff;
        border: 2px solid #fff;
        border-radius: 32px;
        height: 24px;
         24px;
    }






  • 相关阅读:
    struts2--OGNL
    struts2--通配符映射
    struts2--action请求与Action类
    mabatis--查询缓存
    mabatis--动态sql
    JS之正则表达式
    CSS样式表之background背景
    CSS样式表之常用文本属性
    CSS样式之选择器
    CSS样式之连接方式
  • 原文地址:https://www.cnblogs.com/yangykaifa/p/6718520.html
Copyright © 2011-2022 走看看