随笔分类 -  CSS—选择器

摘要：1 /*元素选择器*/ 2 body{color:red;} 3 h2,a,p{color:blue;} 4 5 /*通配选择器*/ 6 *{color:red;} 7 8 /*类选择器*/ 9 *.span{color:red;} 10 table.test{color:red;} 11 .test1.test2.test3{color:red;} 12 13 /*ID... 阅读全文

摘要：1、链接伪类 ：link 指示作为超链接并指向一个未访问的地址的锚 ：visited 指示作为已访问地址超链接的所有锚 可以对链接伪类进行颜色，样式等属性的设置。 2、动态伪类 ：focus 指示当前拥有输入焦点的元素，也就是说，可以接受键盘输入或者能以某种方式激活的元素 ：hover 指示鼠标指针 阅读全文

摘要：1、结构文档中有2种关系，父子关系或祖先-后代关系；父子关系是一种特殊的祖先-后代关系。 2、语法结构如下： 祖先 后代{ 属性名：属性值} 祖先 后代之间间隔一代的父子关系，也可以是间隔很多代的祖先后代关系 也可以是更复杂的关系：ul ol ul li { color : blue ; } 也可以 阅读全文

摘要：1、选择器分组 可以将任意多个选择器分组在一起，规则如下： h1,h2,h3,p,div{color:red;} 2、通配选择器 在CSS2中引入的新选择器，显示为一个星号，这个选择器可以与任何元素匹配，就像是一个通配符。 3、类选择器 html中使用class设置类名，css中使用点号来设置效果 阅读全文