CSS选择器

2021-06-23 22:04

阅读:687

标签:link   class   鼠标   first   letter   节点   lin   分组   伪类   

元素选择器 也是类型选择器 html {color:black;} h1 {color:blue;} h2 {color:silver;}
 
选择器分组 h2, p {color:gray;}
 
通配符选择器 * {color:red;}
 
CSS 类选择器

his heading is very important.

This paragraph is very important.

 
.important {color:red;}
ID选择器 #intro {font-weight:bold;}
属性选择器 *[title] {color:red;}
后代选择器 h1 em {color:red;} h1下面所有的em 无论多深
子元素选择器 h1 > strong {color:red;} h1下一层的strong
相邻兄弟选择器 h1 + p {margin-top:50px;} 必须有同一个父节点
锚伪类 a:link {color: #FF0000} /* 未访问的链接 */ a:visited {color: #00FF00} /* 已访问的链接 */ a:hover {color: #FF00FF} /* 鼠标移动到链接上 */ a:active {color: #0000FF} /* 选定的链接 */
 
p:first-child {font-weight: bold;} p下面的第一个类
 
伪元素 p:first-letter{ font-size:xx-large;}
 

CSS选择器

标签:link   class   鼠标   first   letter   节点   lin   分组   伪类   

原文地址:http://www.cnblogs.com/dxyrain/p/7160399.html


评论


亲,登录后才可以留言!