zoukankan      html  css  js  c++  java
  • 叁、js中的css

    一、子选择器:用来选择一个父元素直接的子元素,不包括子元素的子元素,它的符号为“>”

         注:ie6不支持子代选择器。

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html>
    <head>
    <title>CSS的子选择器</title>
    <style type="text/css">
    ul.myList > li > a{ /* 子选择器 */
    text-decoration:none; /* 没有下划线 */
    color:#336600;
    }
    </style>
    </head>

    <body>
    <ul class="myList">
    <li><a href="http://picasaweb.google.com/isaacshun">isaac's Picasa</a>
    <ul>
    <li><a href="#">CSS1</a></li>
    <li><a href="#">CSS2</a></li>
    <li><a href="#">CSS3</a></li>
    </ul>
    </li>
    </ul>
    </body>
    </html>

    二、属性选择器:针对html标记中的属性进行选择的。

         属性选择器还可以设置属性的值。

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html>
    <head>
    <title>CSS的属性器</title>
    <style type="text/css">
    a[title=CSS1]{
    text-decoration:none; /* 没有下划线 */
    color:#336600;
    }
    </style>
    </head>

    <body>
    <ul class="myList">
    <li><a href="http://picasaweb.google.com/isaacshun">isaac's Picasa</a>
    <ul>
    <li><a href="#" title="CSS1">CSS1</a></li>
    <li><a href="#" title="CSS2">CSS2</a></li>
    <li><a href="#" title="CSS3">CSS3</a></li>
    </ul>
    </li>
    </ul>
    </body>
    </html>

    三、css文字

    1、font-sytle:设置文字是否为斜体;text-decoration:文字的下划线、顶划线、删除线;letter-spacing:文字的间距。

    四、css

  • 相关阅读:
    centos安装rvm报错@curl -L get.rvm.io | bash -s stable fails on cent OS
    linux命令 环境设置 顺序
    mysql-5.7.20基本用法
    gitlab&Jenkins 详细介绍及其应用
    git 详细部署及其应用
    zabbix详细介绍及其自动动态发现
    redis 缓存应用
    Linux下rpm、yum和源码三种安装方式详细介绍
    js中获取时间new date()的用法
    Apache Tomcat/8.5.56 启动命令行中文乱码
  • 原文地址:https://www.cnblogs.com/dingyufenglian/p/4810109.html
Copyright © 2011-2022 走看看