zoukankan      html  css  js  c++  java
  • css-扩展选择器

    (1)关联选择器
       <div><p>aaaaaaaaaaaa</p></div>
      * 设置div标签里面p标签的样式,嵌套标签里面的样式

    div p{
        background-color:blue;
    }

    (2) 组合选择器
      <div>aaaaaaaaaaaa</div>
      <p>bbbbbbbbb</p>
      * 把div和p标签设置成相同的样式,把不同的标签设置成为相同的样式

    div,p{
        background-color:blue;
    }

    (3)伪元素选择器(了解)
      * css里面提供了一些定义好的样式,可以拿过来使用
      * 比如超链接
      ** 超链接的状态
      原始状态 鼠标放上去的状态 点击 点击之后
      :link :hover :active :visited
      *** 记忆的方法
      lv ha

    <html>
        <head>
            <title>World</title>
            <style type="text/css">    
            /* 原始状态 */
            a:link {
                background-color:blue;
            }
            /* 鼠标悬停状态 */
            a:hover {
                background-color:green;
            }
            /* 点击状态 */
            a:active {
                background-color:orange;
            }
            /* 点击之后的状态 */
            a:visited {
                background-color:gray;
            }
            </style>
        </head>
        <body>
            <a href="https://www.cnblogs.com/ibabyli/" target="_blank">个人首页</a>
        </body>
    </html>
  • 相关阅读:
    专题实验 Toad 用户的创建与管理( 包括 role 等 )
    专题实验 字符集(全球化支持)
    Toad 所有 菜单说明(太多)
    java 调试
    java 基础数据结构
    HeadFirst Jsp 09 (JSTL)
    HeadFirst jsp 08 无脚本JSP
    14 多线程
    Struts2配置
    Struts框架搭建时所遇到的问题
  • 原文地址:https://www.cnblogs.com/ibabyli/p/9888714.html
Copyright © 2011-2022 走看看