css各类选择器
2017-07-24 12:04
190 查看
1.id选择器
给某一个标签一个id,之后可以通过id来更改样式。
那么hello css的文本会是红色的。
2.id选择器与派生选择器一起用
发现只有a标签变为红色。
3. 类选择器
p标签颜色变化。
4. 类选择器与派生选择器一起用
a标签被改变。
5. 属性选择器
选择器如果不指定其值,那么标签中的值怎么样都可以,如果选了指定的值,那么只能一样才会有效果。
给某一个标签一个id,之后可以通过id来更改样式。
<p id = "hello">hello css</p>
#hello{ color:red; }
那么hello css的文本会是红色的。
2.id选择器与派生选择器一起用
<p id = "hello">hello css<a href="http://www.zhihu.com">打开知乎</a></p>
#hello a{ color:red; }
发现只有a标签变为红色。
3. 类选择器
<p class = "pid">this is p标签</p>
.pid{ color:royalblue; }
p标签颜色变化。
4. 类选择器与派生选择器一起用
<p class = "pid">this is p标签<br><a>this is a标签</a></p>
.pid a{ color:royalblue; }
a标签被改变。
5. 属性选择器
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style type="text/css"> [title]{ color:blue; } [title = te] { color:red; } </style> </head> <body> <p title = "te">this is p标签<br><a>this is a标签</a></p> <h1 title = "k">this is h1 标签</h1> </body> </html>
选择器如果不指定其值,那么标签中的值怎么样都可以,如果选了指定的值,那么只能一样才会有效果。
相关文章推荐
- CSS中的各类选择器
- css 选择器
- Css 选择器总结
- HTML与CSS基础之常用选择器(一)
- css link顺序与类选择器组合之间的关系
- 1.jQuery基础语法 2.jQuery选择器、操作页面文档元素 3.jqueryDOM操作 4.jqueryCSS操作 5.Jquery事件 6.Jquery动画
- CSS 选择器参考手册
- css颜色表示法及其选择器
- CSS 相邻选择器(七)
- 关于CSS的选择器总结
- css之选择器总结
- CSS——id 和 class 选择器
- CSS特殊样式(三)纯CSS实现各类气球泡泡对话框效果
- [前端] CSS不常用的属性及选择器
- [CSS]为什么不推荐在CSS中使用ID选择器
- 为什么要在css文件里定义 ul{margin:0;padding:0;}这个选择器?
- css关系选择器
- 关于CSS实战,选择器
- CSS:通用选择器
- 必须记住的 30 类 CSS 选择器