码迷,mamicode.com
首页 > 其他好文 > 详细

起名与选择器~(总结类、持续更新系列)

时间:2018-10-31 17:03:33      阅读:121      评论:0      收藏:0      [点我收藏+]

标签:名称   格式   一起   并集   样式   伪类   通配符选择器   lin   持续更新   

废话没有,直接干活

  一、起名方式:1.元素自身的标签名; 2.利用class属性自定义名称;3.利用id属性自定义名称。共三种,其中class使用居多。

  二、选择器:注:选择器使用于head部分的<style>标签中或外部引入的css文件中。

        1.标签选择器,不必多说,直接输入元素名;

        2.class选择器,在其自定义名称前加上点. 即可;

        3.id选择器,在其自定义名称前加上# 即可;           在此标注:标签的权重为1,class的权重为10,id的权重为100;行间样式权重1000;在属性值后加 !important  权重无限大。

        4.子代选择器,用>将父级和子级连接起来使用,标签嵌套只有一层关系。

        5.后代选择器,用一个空格将两者连接起来,前者包含后者,标签嵌套有多层关系(包含一层)。

        6.交集选择器,将class名与id名写在一起,将其全部选中。

        7.通配符选择器,直接输入*即可,意为所有的元素。(不建议使用,过于省事,会加大浏览器的负担)

        8.并集选择器,用逗号将需要选中的两个或两个以上的名称隔开即可。

        9.伪类选择器,只要选择器后带冒号:    都可以说它是伪类选择器。例如:a:link{}、a:visited{}a:hover{}a:active{}、p:before{}、p:after{} 等。

        10.结构选择器,格式(例子):ul:nth-of-type(1)      表示选中的是ul下面的第一个li,后也可跟其它选择器。

起名与选择器~(总结类、持续更新系列)

标签:名称   格式   一起   并集   样式   伪类   通配符选择器   lin   持续更新   

原文地址:https://www.cnblogs.com/jianger/p/9883796.html

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