css3属性选择器
来源:互联网 发布:语音速记软件 编辑:程序博客网 时间:2024/05/22 13:02
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style type="text/css"> div { border: 1px solid red; height: 60px; } /*把id以student开头的div的背景变为aquamarine色*/ div[id^=student] { background-color: aquamarine; } /*把name以Age结尾的div的背景变为yellow色*/ div[name$=Age] { background-color: yellow; } /*把class以food结尾的div的背景色变为green*/ div[class*=food] { background-color: green; } /*把id等于abc的div的背景色变为pink*/ div[id=abc] { background-color: pink; } </style></head><body> <hr/> <div id="studentName"> /*把id以student开头的div的背景变为aquamarine色*/<br/> div[id^=student] {background-color: aquamarine;} </div> <hr/> <div name="personAge"> /*把name以Age结尾的div的背景变为yellow色*/<br/> div[name$=Age] { background-color: yellow; } </div> <hr/> <div class="chinese-food"> /*把class以food结尾的div的背景色变为green*/<br/> div[class*=food] { background-color: green; } </div> <hr/> <div id="abc"> /*把id等于abc的div的背景色变为pink*/<br/> div[id=abc] { background-color: pink; } </div></body></html>
0 0
- CSS3选择器--属性选择器
- CSS3 选择器 属性选择器介绍
- CSS3 选择器—属性选择器
- CSS3属性选择器
- CSS3-新增属性选择器
- css3属性选择器
- 【CSS3】---属性选择器
- CSS3属性选择器
- css3属性选择器
- CSS3属性选择器
- 【CSS3】属性选择器
- css3属性选择器
- CSS3属性选择器
- 03、CSS3属性选择器
- CSS3属性选择器
- CSS3属性选择器总结
- CSS3的属性选择器
- CSS3属性选择器详解
- 计蒜客 难题题库 025 两数之和
- centos常用命令
- lucas定理及扩展lucas定理
- DSP5509A——环境搭建出现的错误解决
- 计蒜客 难题题库 026 等差数列
- css3属性选择器
- 分享一个很好用的验证码插件代码
- java 通过元数据改写jdbcUtil访问jar
- Eclipse搭建Spring开发环境
- C++ Primer 第五版 练习9.52 解答
- 待重写
- poj 2632
- Linux_USB驱动程序设计学习
- CSS3结构性伪类