选择器

作者: Allan要做活神仙 | 来源:发表于2019-03-01 23:27 被阅读0次

    选择器是用来瞄准目标元素的东西

    • 类选择器:指以“.”这个点号开头的选择器。很多元素可以应用同一个类选择器。“类”,
    天生就是被公用的命。

    ID 选择器:“#”打头,权重相当高。ID 一般指向唯一元素。但是,在 CSS 中,ID
    样式出现在多个不同的元素上并不会只渲染第一个,而是雨露均沾。但显然不推荐
    这么做。

    • 属性选择器:指含有[]的选择器,形如[title]{}[title= "css-world"]{}
    [title~="css-world"]{}[title^= "css-world"]{}[title$="css- world"]{}等。

    • 伪类选择器:一般指前面有个英文冒号(:)的选择器,如:first-child:last-child 等。

    • 伪元素选择器:就是有连续两个冒号的选择器,如::first-line::first- letter::before::after

    选择元素还可以使用关系选择器

    关系选择器是指根据与其他元素的关系选择元素的选择器,常见的符号有空格、>、~,还
    有+等,这些都是非常常用的选择器。

    • 后代选择器:选择所有合乎规则的后代元素。空格连接。
    • 相邻后代选择器:仅仅选择合乎规则的儿子元素,孙子、重孙元素忽略,因此又称“子
    选择器”。>连接。适用于 IE7 以上版本。
    • 兄弟选择器:选择当前元素后面的所有合乎规则的兄弟元素。~连接。适用于 IE7 以上
    版本。
    • 相邻兄弟选择器:仅仅选择当前元素相邻的那个合乎规则的兄弟元素。+连接。适用于
    IE7 以上版本。

    相关文章

      网友评论

          本文标题:选择器

          本文链接:https://www.haomeiwen.com/subject/pldsuqtx.html