CSS选择器
程序员文章站
2022-04-27 22:31:01
...
- 标签选择器
1) 所有标签都能够当做选择器,比如body、h1、dl、ul、span等等
2) 不管这个标签藏的多深,都能够被选择上。
3) 选择的是所有的,而不是某一个。所以是共性,而不是特性。
a{
/*去掉下划线:*/
text-decoration: none;
}
- id选择器
#lj1{
font-size: 60px;
font-weight: bold;
color:black;
}
- 类选择器
.username{
color:red;
}
- 后代选择器
选择的是后代,不一定是儿子。空格代表后代
// 设置.div 里面的p标签的背景颜色:蓝色
.div p{
background-color:blue;
}
- 交集选择器
交集选择器没有空格。选择的元素是同时满足两个条件的。
交集选择器可以连续交,但是一般不要这样写,不清晰。
h3.special{
color:red;
}
- 并集选择器
逗号就表示并集选择器
h3,li{
color:red;
}
上一篇: CSS的样式引入方式和选择器
下一篇: js改变css样式的三种方法
推荐阅读
-
如何让网页中图片等待5秒再显示_html/css_WEB-ITnose
-
跪求问题_html/css_WEB-ITnose
-
关于流动版面的问题_html/css_WEB-ITnose
-
CSS3中的background-size(对响应性图片等比例缩放)_html/css_WEB-ITnose
-
CSS让footer保持在页面底部_html/css_WEB-ITnose
-
Fab 和 Dialog 之间的过渡效果(Fab and Dialog Morphing Animation)_html/css_WEB-ITnose
-
div居中问题_html/css_WEB-ITnose
-
如何还原压缩的CSS/HTML/JS文件_html/css_WEB-ITnose
-
html资源地址 src="// 开头_html/css_WEB-ITnose
-
Canvas 绘图 不清楚_html/css_WEB-ITnose