一起来学css之选择器

css选择器分为四种:html选择器,id选择器,类选择器,属性选择器

html选择器:

        p {
            color:#4cff00;
        }

        a {
            font-size:20px;
        }

id选择器:

       #t1 {
            color:#4cff00;
        }

        #test {
            font-size:20px;
        }

类选择器:

       .t1 {
            color:#4cff00;
        }

        .test {
            font-size:20px;
        }

属性选择器(不支持ie6

        [class~="t1"] {
            color:#f00;
        }

        [class|="t1"] {
            color:#f00;
        }

       <div class="t1 t2">测试三</div>

       <div class="t1-t2">测试三</div>

      ~ 符号表示class里可以包含空格

      | 符号表示class里可以包含  - 符号

 

 

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值