叁、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
最新文章
- 【GoLang】golang 的精髓--流水线，对现实世界的完美模拟
- HTML5 简易转盘
- Oracle中的null
- linux 普通用户切换成root免密码
- [转]如何让div中的内容垂直居中
- BVT & BAT & SVT
- 怎么在阿里云服务器部署多个tomcat
- C# 【无法修改XX返回值，因为它不是变量】
- 从Oracle迁移到Mysql之前必须知道的50件事
- Cocos2d-android (02) 添加一个精灵对象
- 通过SQL进行远程访问
- 使用vbs脚本添加域网络共享驱动器
- maven spring mybatis配置注意点
- Android Camera 摄像 demo
- ansible基础-变量
- ZabbixServer安装
- 解决git commit 遇到datached HEAD问题
- 【DP】【CF31E】 TV Game
- d3.js 之SVG：矢量化图形绘制
- 【原】使用puppeteer爬虫下载Midi文件