CSS3属性选择器
2016-05-24 22:47
543 查看
<!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title>Document</title> <style type="text/css"> a[href]{ color:green; } a[href="http://www.baidu.com"]{ border:2px solid #000; } img[src="img/am.jpg"]{ border:3px solid #000; } ul li{ list-style: none; margin-top:10px; width: 50px; height: 50px; background: red; } ul li[class^="i"]{ background: green; } ul li[class$="i"]{ background: pink; } ul li[class*="s"]{ border:10px solid #000; } </style> </head> <body> <a href="http://www.baidu.com">百度</a> <a href="http://www.taobao.com">淘宝</a> <a href="http://www.jd.com">京东</a> <img src="img/am.jpg" /> <ul> <li class="ui"></li> <li class="ui"></li> <li class="itcast"></li> <li class="itcast"></li> <li class="ai"></li> <li class="ai"></li> <li class="js"></li> <li class="js"></li> </ul> </body> </html>
相关文章推荐
- Reset CSS:只选对的,不选"贵"的
- css 参考属性大全
- css 参考属性大全
- CSS 参考手册
- CSS3橙色的星球绕轨道公转动画
- BeautifulSoup高级应用 之 CSS selectors /CSS 选择器
- 2016年css选择器以及元素汇总
- css关系选择器
- CSS换行文本溢出显示省略号,多行
- css3 -- 媒体查询
- css3 media媒体查询器用法总结 兼容ie8以下的方法
- 2016年CSS基础语法汇总-小白必备 很简单哦~
- CSS -webkit-gradient 属性简介
- HTML+CSS基础(七):CSS选择器
- css3 -- 浏览器支持
- CSS伪类、伪元素
- css sprites 优缺点
- CSS变化宽度布局
- About css sprites
- css属性继承和优先级