选择器

标签：: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