选择器.HTML
2015-10-03 17:52
513 查看
<!doctype html> <html> <head> <meta charset="gb2312"> <title>选择器</title> <style> #fist{color:#00F;font_weight:bold}//id选择器用# .second{color:#FF0;font-size:20px}//类选择器用. </style> </head> <body> <p>这是标签选择器</p> <p id="fist">这是ID选择器</p> <p class="second">这是类选择器</p> </body> </html>
<!doctype html> <html> <head> <meta charset="gb2312"> <title>属性选择器</title> <style type="text/css"> [align="center"]{color:#0F0} [name~="t1"]{color:#000}//用空格隔开的属性名称变为#000(#表示的是16进制的数) [name|="t"]{color:#0FF}//用-连接的属性名称变为#0FF颜色 </style> </head> <body> <p align="center">属性选择器1</p> <p align="center" name="t t1">属性选择器2</p> <p align="center" name="t-t1">属性选择器3</p> </body> </html>
相关文章推荐
- 在Windows 8.1的IE 11中屏蔽双击放大功能
- Mootools 1.2教程(2) DOM选择器
- 通过Mootools 1.2来操纵HTML DOM元素
- WEB标准网页布局中尽量不要使用的HTML标签
- Flash 与 html 的一些实用技巧
- html工作中表格<tbody>标签的使用技巧
- HTML 向 XHTML1.0 兼容性指导
- C#自写的一个HTML解析类(类似XElement语法)
- jquery通过closest选择器修改上级元素的方法
- jQuery选择器简明总结(含用法实例,一目了然)
- 没有文件大小限制并免费的PDF到HTML转换工具
- 常用jQuery选择器总结
- css实现气泡框效果(实例加图解)
- html链接与文本标签们
- html活用软字符连接符
- 巧妙地使用CSS选择器
- 浅谈html中id和name的区别实例代码
- HTML <!DOCTYPE> 标签
- asp中实现清除html的函数