CSS选择符详解

来源:互联网 发布:看耽美彩色漫画软件 编辑:程序博客网 时间:2024/05/20 12:23

〉〉标签选择符
P{color:#ff0000}
/*html标签不区分大小写*/

th,td,SPAN{color:#ff0000}
/*多个同时定义同一属性*/

〉〉类选择符
.small{font-size:small}
.title1,.title2,title3{font-size:18px;font-weight:bold}
<span class="small"> 这是小字体</span>

〉〉ID选择符
#IdName{color:#ff0000}
<font Id="IdName" >这是一个ID设定的style</font>

〉〉关联选择符
#ListSubCategory ul li{color:#ff0000}
#ListSubCategory ul .keda{color:#ff0000}
用空格隔开的两个或更多个单一选择符组成的字符串,并按该顺序发挥作用。他 们的优先权比单一选择符大

〉〉伪类:
a:link,a:visited,a:hover,a:active{color:#ff0000}
a.U:link,a.U:visited,a.U:hover,a.U:active{color:#ff0000}

〉〉伪元素:
P:first-line{....}
P:first-letter{....}

〉〉有关大小写:
  区分大小写:类选择符和ID选择符
不区分大小写:标签选择符

〉〉有关继承:
所有在选择符中嵌套的选择符都会都会继承外层选择符指定的属性值,除非另外 更改。

原创粉丝点击