css选择器+js
来源:互联网 发布:存续期缺口知乎 编辑:程序博客网 时间:2024/05/14 07:15
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<style type="text/css">
<!--
div#div1{...}{ font-style:italic;}
div#div2 ul li {...}{ font-style:bold;}
-->
</style>
<!-- 1 使用id选择器-->
<!-- 2 使用层次选择器-->
</HEAD>
<BODY>
<div id="div1">
<ul>
<li>hello! how are you!</li>
<li>hello! how are you!</li>
<li>hello! how are you!</li>
</ul>
</div>
<div id="div2">
<ul>
<li>hello! how are you!</li>
<li>hello! how are you!</li>
<li>hello! how are you!</li>
</ul>
</div>
</BODY>
</HTML>
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<style type="text/css">
<!--
div#div1{...}{ font-style:italic;}
div#div2 ul li {...}{ font-style:bold;}
-->
</style>
<!-- 1 使用id选择器-->
<!-- 2 使用层次选择器-->
</HEAD>
<BODY>
<div id="div1">
<ul>
<li>hello! how are you!</li>
<li>hello! how are you!</li>
<li>hello! how are you!</li>
</ul>
</div>
<div id="div2">
<ul>
<li>hello! how are you!</li>
<li>hello! how are you!</li>
<li>hello! how are you!</li>
</ul>
</div>
</BODY>
</HTML>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<style type="text/css">
<!--
.style1 {...}{background-color:#ffffff;color:#000000;}
.style1 ul li {...}{list-style-type:circle; }
.style2 {...}{background-color:#000000;color:#ffffff;}
.style2 ul li {...}{list-style-type:disc; }
.style3 {...}{background-color:#0000ff;color:#ff0000;}
.style3 ul li {...}{list-style-type:disc; }
.style4 {...}{background-color:#ff0000;color:#ffff00;}
.style4 ul li {...}{list-style-type:circle; }
-->
</style>
<BODY>
<div id="div2">
<ul>
<li>hello! how are you!</li>
<li>hello! how are you!</li>
<li>hello! how are you!</li>
</ul>
</div>
<select onchange="document.getElementById('div2').className=this.value">
<option value="style1">请选择</option>
<option value="style2">样式一</option>
<option value="style1">样式二</option>
<option value="style3">样式三</option>
<option value="style4">样式四</option>
</select>
</BODY>
</HTML>
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<style type="text/css">
<!--
.style1 {...}{background-color:#ffffff;color:#000000;}
.style1 ul li {...}{list-style-type:circle; }
.style2 {...}{background-color:#000000;color:#ffffff;}
.style2 ul li {...}{list-style-type:disc; }
.style3 {...}{background-color:#0000ff;color:#ff0000;}
.style3 ul li {...}{list-style-type:disc; }
.style4 {...}{background-color:#ff0000;color:#ffff00;}
.style4 ul li {...}{list-style-type:circle; }
-->
</style>
<BODY>
<div id="div2">
<ul>
<li>hello! how are you!</li>
<li>hello! how are you!</li>
<li>hello! how are you!</li>
</ul>
</div>
<select onchange="document.getElementById('div2').className=this.value">
<option value="style1">请选择</option>
<option value="style2">样式一</option>
<option value="style1">样式二</option>
<option value="style3">样式三</option>
<option value="style4">样式四</option>
</select>
</BODY>
</HTML>
- css选择器+js
- js中引用css选择器
- js中通过 CSS 选择器选取元素
- js创建简单的css选择器
- js笔记:Js封装库——css选择器
- CSS选择器,jQuery选择器
- jQuery选择器 CSS选择器
- css选择器-基本选择器
- css选择器-属性选择器
- CSS选择器选择器
- CSS选择器-属性选择器
- css选择器
- css选择器
- css选择器
- Css选择器!
- CSS选择器
- css选择器
- CSS选择器
- 程序员的四个境界
- 什么妨碍我们进步——人的一生,最难改变的是性格中的不肯改变
- javascript增加节点和改变背景色
- 谁能帮我解决下为什么代码执行速度特别慢?是代码哪里写错了吗???
- 利用dl函数突破disable_functions执行命令
- css选择器+js
- 我找的C++书目
- ADO编程 核心总结
- 配色方案
- 新手来看:什么叫“使用Data Link 文件”?什么是UDL文件?如何创建?
- How To: Implement A Server Plug-in
- js浏览图片(ajax基础)
- 大学生活宿舍中频率出现最高的20句话 (深有同感)
- css滤镜alpha的用法