美文网首页
CSS选择器

CSS选择器

作者: Isaacyyy | 来源:发表于2017-02-15 17:17 被阅读0次

css选择器: 标签选择器 id选择器 类选择器 后代选择器 子元素选择器 交集选择器 并集选择器 兄弟选择器 序选择器 属性选择器 通配符选择器

标签选择器

     通过指定的标签名称,在当前界面中找到所有的标签 然后设置属性。

       标签名称{
               属性:值;  
           }

ID选择器

     每个标签都有一个ID属性,可以通过这个属性添加ID名称
     通过指定的ID找到对应的标签,然后设置属性。  ID选择器需要加上#


#ID名称{
属性:值;
}
注意点 : ID不能 用数字开头。 也不能是标签名称 只能由字母,数字,下划线组成
在企业开发中。仅仅是设置样式一般不推荐使用ID。 ID是留给JS用的。
ID 不可以重复 。

类选择器

     每个标签都有一个 CLASS属性。 可以通过这个属性给 标签添加 类名
     通过指定的类名找到对应的标签。然后设置属性。 类选择器需要加上.

                  .类名{
             属性:值;
         }

注意点。类名可以重复。 每一个标签可以设置多个类名
设置多个类名的时候 要用空格隔开

                  <标签名称   class=“Ss  Tt”>    

这个标签的类名就是 Ss Tt
可以通过设置多个类名 然后通过给这些类名的相同的属性减少代码量。


后代选择器

就是找到指定标签的所有后代  然后设置属性。

格式

 标签名称1  标签名称2 {
                        属性:值;
        }

注意点:
1.后代选择器必须用空格隔开。
2.后代不仅仅是儿子。 也可以是孙子 或者其他嵌套关系。 只要嵌套在指定标签内的 全都是后代。
3.后代选择器不是只可以使用标签。也可以是类名 ID名 或者其他选择器。


子元素选择器

  找到指定元素的所有子元素 ,然后设置属性 


                   格式 :    标签1>标签2{
                                   属性:值;
                          }

含义 先找到名称叫做标签1的的标签,然后在标签1的子元素中找到所有叫做标签2的标签,然后设置属性
注意点:
1.子元素选择器之后查找它的下级标签,不会查找其他嵌套标签。
2.子元素选择器必须用> 连接,不可以有空格
3.子元素选择器不仅仅可以使用标签,也可以使用其他的选择器,
4.子元素选择器可以通过>符号一只延续下去,

相关文章

  • CSS选择器

    CSS 元素选择器CSS 选择器分组CSS 类选择器详解CSS ID 选择器详解CSS 属性选择器详解CSS 后代...

  • CSS选择器

    目录: CSS派生选择器 CSS元素选择器 CSS Id 和 Class选择器 CSS 属性选择器 CSS 派生选...

  • css选择器

    css选择器】 1.css属性选择器 2.css伪类选择器 3.css层次选择器

  • CSS 选择器

    CSS 选择器 CSS 基本选择器及其扩展 CSS 基本选择器 通配符选择器 * 元素选择器 使用标签的名称...

  • Sublime 学习web的css

    html + css + js css引用 css外部样式 css优先级 css的选择器 标签选择器 类选择器 i...

  • CSS选择器

    CSS选择器的作用 CSS 选择器用于定位我们想要给予样式的 HTML 元素。 CSS选择器的类型 CSS选择器大...

  • JQuery CSS选择器

    CSS普通选择器 选择器函数 CSS伪类选择器

  • CSS-选择器1-概述

    CSS选择器-系列文章 CSS选择器-系列文章下一节 CSS选择器2-类选择器CSS3参考手册

  • CSS选择器、优先级以及!important知识总结

    一、CSS选择器 关于CSS选择器,首先请看这里:CSS 选择器参考手册 通过以上,我们可以将CSS选择器分为以下...

  • CSS

    CSS规则 at 规则 CSS选择器 CSS选择器 继承与层叠 继承与层叠 CSS 属性 CSS 属性 CSS值 ...

网友评论

      本文标题:CSS选择器

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