Web前端开发-选择器
比较常用的选择器
1.基础选择器
选择器 含义 实例
* 通配符选择器，使用于任何选择器 *{margin:0;padding:0;}
# id选择器，适用于有id的选择器，不能重复 #header{backgroud-color: blue;}
. class选择器，适用于有class的选择器，可以重复 .btn{background-color:red}
E 标签选择器，适用于标签选择权 a{color:#eee;list-style-type:none;}
2.伪类选择器
li:first-child 子节点选择器，选中ul中所有的选择器，找到第一个li
li:last-child 子节点选择器，选中ul中所有的选择器，找到最后一个li
3.链接伪类：针对于链接标记
#firstA:link 设置一个未被访问的链接样式
#firstA:visited 设置一个被访问的链接样式
3.动态伪类选择器
：hover 设置鼠标悬停在当前元素上时的样式，对做动态样式有很大的帮助
：active 设置鼠标在元素上按下时的样式
：focus 当前元素获得焦点时的样式
4.css3选择器
文字阴影
圆角
border-radius: 15px;
多背景图片
div { background: url(xx1.jpg) top left no-repeat, url(xx2.jpg) bottom left no-repeat, url(xx3.jpg) center center repeat-y; }
郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。
