css选择器 学习笔记
2015-11-30 17:08
567 查看
元素选择器:
只有某个元素,如hua,hu
类选择器:
就是class的值,类名前要加.,如hua.zhiwu.chengxu,hu.lanhua(同时包含zhiwu和chengxu的类)
ID选择器:
以#开头,id的值是唯一的。如#xiang,#chao
属性选择器:
如:hua[name="zhixiang"][wife="chao"]
hu[name="chao"]
部分属性
hua[place~="beijing"] hua[place~="shanghai"]
子串匹配属性
hua[name^="zhi"]以zhi开头的
hua[name$="xiang"]以xiang结尾的
hua[name*="hixia"]包含hixia字符串的
特定属性
hua[name|="zhi"]匹配zhi,或者zhi-开头的所有
后代选择器:(包括子,孙)
hua shui 元素shui在元素hua中找到
子元素选择器:
hua>shui
相邻兄弟选择器:
chao + wang (在chao后面出现的wang,且拥有共同的父元素,只能选择第二个的所有元素,即wang元素)
只有某个元素,如hua,hu
类选择器:
就是class的值,类名前要加.,如hua.zhiwu.chengxu,hu.lanhua(同时包含zhiwu和chengxu的类)
ID选择器:
以#开头,id的值是唯一的。如#xiang,#chao
属性选择器:
如:hua[name="zhixiang"][wife="chao"]
hu[name="chao"]
部分属性
hua[place~="beijing"] hua[place~="shanghai"]
子串匹配属性
hua[name^="zhi"]以zhi开头的
hua[name$="xiang"]以xiang结尾的
hua[name*="hixia"]包含hixia字符串的
特定属性
hua[name|="zhi"]匹配zhi,或者zhi-开头的所有
后代选择器:(包括子,孙)
hua shui 元素shui在元素hua中找到
子元素选择器:
hua>shui
相邻兄弟选择器:
chao + wang (在chao后面出现的wang,且拥有共同的父元素,只能选择第二个的所有元素,即wang元素)
相关文章推荐
- css案例学习之ul li dl dt dd实现二级菜单
- css案例学习之span边框实现的特殊效果
- css案例学习之通过relative与absolute实现带说明信息的菜单
- css重置样式表reset.css
- css案例学习之div a实现立体菜单
- css案例学习之双斜角横线菜单
- css案例学习之div+a实现菜单
- 样式和主题
- semantic modal 首次弹出位置不正确()
- css3 实现邮票样式
- css
- css案例学习之div ul li a 实现导航效果
- css初始化
- 单选框、多选框样式美化
- css案例学习之按钮超链接
- css 各种问题
- #学习笔记#(2)引用外部CSS
- css使用背景图片制作搜索框
- [TagCss]列表元素写法规范
- 欢迎使用css3