码迷,mamicode.com
首页 > Web开发 > 详细

css——选择器

时间:2018-08-11 20:56:39      阅读:157      评论:0      收藏:0      [点我收藏+]

标签:方式   优先   bsp   class   空格   nbsp   add   test   css   

/*分配符选择器*/
            *{
                font-size: 10px;
                margin: 0px;
                padding: 0px;
            }
            
            /*标签选择器*/
            p{
                font-size: 20px; 
            }
            
            /*class类选择器*/
            .test_class{
                font-size: 40px;
            }
            
            /*id选择器  ——只能用一次 否则不规范*/
            #test_id{
                font-size: 60px;
            }
            
            /*分组选择器*/
            span,#test_id,.test_class,.my_class{
                font-size: 200px;
            }
            
            /*后代选择器:中间是空格  两边一个是父选择器名字(包括标签,类 ,id),另一个是子选择器名(包括标签 ,类,id)*/
            ol li{
                color: aquamarine;
            }
            
            ul #li_id{
                color: red;
            }
            /*以上几种方式的优先级:id最高>类选择器其次>标签选择器>分配符选择器*/

 

css——选择器

标签:方式   优先   bsp   class   空格   nbsp   add   test   css   

原文地址:https://www.cnblogs.com/lyxcode/p/9460879.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!