CSS基础-23选择器-选择器详解(2)
2015-08-02 16:11
661 查看
<!DOCTYPE html> <!--选择器-选择器详解(2)--> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <link href="css02.css" type="text/css" rel="stylesheet"> <!--<style>--> <!--<!–简单属性选择器–>--> <!--/*[title]{*/--> <!--/*color: blueviolet;*/--> <!--/*}*/--> <!--/*根据具体属性值选择*/--> <!--/*[href="http://www.baidu.com"]{*/--> <!--/*font-size: 50px;*/--> <!--/*color: blue;*/--> <!--/*}*/--> <!--/*属性选择器 模糊匹配的使用,匹配必须是一个完整单词*/--> <!--/*[title~="title"] {*/--> <!--/*font-size: 50px;*/--> <!--/*color: brown;*/--> <!--/*}*/--> <!--</style>--> </head> <body> <!--<p title="">属性选择器</p>--> <!--<a href="http://www.baidu.com">万能的百度</a>--> <!--<p title="title hello">属性选择器1</p>="">属性选择器</p>--> <!--<p title="title hello2">属性选择器2</p>="">属性选择器</p>--> <!--<p title="title hello3">属性选择器3</p>="">属性选择器</p>--> <!--后代选择器--> <!--<p>this is<strong> my <i> dog1 </i> dog2 </strong>title</p>--> <!--<!–子元素选择器–>--> <!--<p>this <strong>is my <i> dog1 </i> dog2 my</strong> dog</p>--> <!--相邻兄弟选择器--> <div> <ul> <li>item1</li> <li>item2</li> <li>item3</li> <li>item4</li> </ul> </div> </body> </html> css: /* id选择器和class选择器的区别: id选择器只能使用一次,类选择器可多次使用 id选择器不能结合使用 当使用js的时候会用到id; */ /*属性选择器*/ /*后代选择器*/ /*p strong i{*/ /*color: blueviolet;*/ /*}*/ /*子元素选择器*/ /*p>strong>i{*/ /*color: blueviolet;*/ /*}*/ /*相邻兄弟选择器*/ li+li{ font-size: 50px; color: #ffff00; }
相关文章推荐
- CSS基础-22选择器-选择器详解(1)
- 7. 如何创建 CSS
- 6. CSS 属性选择器
- 5. CSS 类选择器
- 获取非行间样式,数组
- CSS背景图拉伸不变形
- css入门——选择器
- 关于CSS样式的层叠顺序
- CSS浮动文摘
- css命名规范
- CSS 哪些属性默认会继承, 哪些不会继承
- 常见的块状元素与内联元素小结
- 当设置display:inline;时li的宽度无效的解决方法
- 两列等高布局 padding+margin的负值 CSS布局奇淫技巧之-多列等高
- css布局笔记
- 如何用CSS写一个三角形
- 十步图解CSS的position
- 8_1_html_id选择器_几种样式表
- CSS整理(4)
- IE浏览器和主流浏览器对css样式背景透明,字体不透明的处理方法