選擇器
類選擇器
.bigsize{
? ? ? ? ? ? font-size:25px;
}.stress{
? ? ? ? ? ?color:red;
}<span class="bigsize stress">文字</span>
ID選擇器
#bigsizeid{
? ? ? ? ? ? ? font-size:25px;
}<span id="bigsizeid">文字</span>
子代、后代選擇器
通用選擇器(設置所有標簽元素)
*{color:red;}
偽類選擇器(為不存在的標簽設置樣式)
a:hover{color:red;}
p{color:red;}/*權值為1*/
p span{color:green;}/*權值為1+1=2*/
.warning{color:white;}/*權值為10*/
p span.warning{color:purple;}/*權值為1+1+10=12*/
#footer .note p{color:yellow;}/*權值為100+10+1=111*/