首页 > Web开发 > 详细

css——选择器

时间:2018-08-11 20:36:36      阅读:310      评论:0      收藏:0      [点我收藏+]
/*分配符选择器*/
            *{
                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——选择器

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!