码迷,mamicode.com
首页 > 其他好文 > 详细

选择器

时间:2018-07-22 20:44:49      阅读:186      评论:0      收藏:0      [点我收藏+]

标签::active   唯一性   class   span   hover   red   round   gre   cti   

选择器
元素选择器:会选到 html 中所有同样的标记
h1{
color: orange;
}
类选择器:会应用到具有这个元素
.testClass{background-color: red;}
id 选择器 唯一性,用#表示
#testId{border: 1px dashed;}
通配符 选择器 所有
*{margin: 0;
padding: 0;} p{background-color: yellow;}
属性选择器
[type="text"] {border: 5px solid red;}
--伪类---
/* 未访问时 */
a:link {font-size: 30px;}

/* 访问后 */
a:visited {color: #ccc;}

/* 鼠标悬停 移入 */
a:hover {color: red;}

/* 鼠标点击点下去 */
a:active { color: green;}
---伪元素---
/* 为了区分 伪类和伪元素 CSS3 将伪元素改为了 :: */

并集选择器 组合选择器

h1,h2, h3,h4, h5, h6 { font-weight: normal;}
后代选择器
.box1{ color: pink;
margin: 50px }
.box2 span {border: 1px solid red;}
子级选择器
.box2>span {border: 1px solid red;}

选择器

标签::active   唯一性   class   span   hover   red   round   gre   cti   

原文地址:https://www.cnblogs.com/maomao820/p/9351198.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!