<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <!--<link rel="stylesheet" href="xx.css">-->
    <style>
        /*#i1{*/
            /*height: 100px;*/
            /*weidth:100px;*/
            /**/
        /*}*/
        /*.c1{*/
            /*height: 100px;*/
            /*weidth:100px;*/
            /**/
        /*}*/

        /*div{*/
            /*height: 100px;*/
            /*weidth:100px;*/
            /**/

        /*}*/

        /*div span{*/
             /**/
        /*}*/

        /*.c2 span{*/
            /**/
        /*}*/

        /*#i2 span{*/
            /**/
        /*}*/

        /*#i3,#i4,#i5{*/
            /**/
            /*height: 100px;*/
            /*weidth:100px;*/
        /*}*/

         /*.c1{*/
             /**/
             /*height: 100px;*/
             /*weidth:100px;*/
        /*}*/

        div[name='dsx']{
           background-color: navajowhite;
        }

    </style>

</head>
<body>
    <!--id选择器  一个htmL页面中 不可以存在相同的id id以#来定位-->
    <!--<div id="i1"></div>-->
    <!--class选择器 以点来定位-->
    <!--<div class="c1"></div>-->
    <!--标签选择器 当前html页面的所有div都会受到影响-->
    <!--<div></div>-->
    <!--<div></div>-->
    <!--<div></div>-->
    <!--标签层级选择器-->
    <!--<div>-->
        <!--<span>大师兄</span>-->
    <!--</div>-->

    <!--class 层级选择器-->
    <!--<div class="c2">-->
        <!--<span>大师兄</span>-->

    <!--</div>-->

    <!--id层级选择器-->
    <!--<div id="i2">-->
        <!--<span>大师兄</span>-->
    <!--</div>-->

    <!--<div id="i3"></div><br>-->
    <!--<div id="i4"></div><br>-->
    <!--<div id="i5"></div>-->

    <!--<div class="c1"></div><br>-->
    <!--<div class="c1"></div><br>-->
    <!--<div class="c1"></div>-->

    <div name="dsx">2222</div>

</body>
</html>

css-id选择器的更多相关文章

  1. CSS id 选择器

    id 选择器 id 选择器可以为标有特定 id 的 HTML 元素指定特定的样式. id 选择器以 "#" 来定义. 下面的两个 id 选择器,第一个可以定义元素的颜色为红色,第二 ...

  2. CSS ID选择器(三)

    一.ID选择器 ID选择器使用"#"前缀标识符进行标识,后面紧跟指定的元素的ID名称. 如 #box{ width:100px; height:100px;} 元素的ID名称是唯一 ...

  3. CSS ID选择器&通配选择器

    ID选择器 ID(IDentity)是编号的意思,一般指定标签在HTML文档中的唯一编号.ID选择器和标签选择器.类选择器的作用范围不同. ID选择器仅仅定义一个对下对象的样式,而标签选择器和类选择器 ...

  4. CSS 类选择器

    在 CSS 中,类选择器以一个点号显示: .center {text-align: center} 在上面的例子中,所有拥有 center 类的 HTML 元素均为居中. 在下面的 HTML 代码中, ...

  5. Android程序员学WEB前端(6)-CSS(1)-选择器-Sublime

    转载请注明出处:http://blog.csdn.net/iwanghang/article/details/76576469 觉得博文有用,请点赞,请评论,请关注,谢谢!~ CSS外部文档链接: & ...

  6. [HTML] CSS Id 和 Class选择器

    id 和 class 选择器 如果你要在HTML元素中设置CSS样式,你需要在元素中设置"id" 和 "class"选择器. id 选择器 id 选择器可以为标 ...

  7. CSS类选择器和ID选择器

    CSS类选择器和ID选择器皆允许以一种独立于文档元素的方式来指定样式,同时二者皆区分大小写. 区别如下: 第一:在同一个页面内,不允许有相同名字的id对象出现,但是允许相同名字的class 第二:当页 ...

  8. css笔记10：多个id选择器/类选择器包含相同部分问题的探讨

    有些时候,我们可以将多个class选择器或者id选择器,html选择器的共同部分提取出来,写在一起,这样的好处是是可以简化css文件 1.首先我们先看一段代码.css,如下: @charset &qu ...

  9. Css基础-id选择器

    id 选择器以#来定义 <p id="pid">Hello css</p> #pid { color:red; } <div id="div ...

  10. CSS 简介、语法、派生选择器、id 选择器、类选择器、属性选择器

    CSS 概述 CSS 指层叠样式表 (Cascading Style Sheets) 样式定义如何显示 HTML 元素 样式通常存储在样式表中 把样式添加到 HTML 4.0 中,是为了解决内容与表现 ...

随机推荐

  1. BZOJ 1934 [Shoi2007]Vote 善意的投票（最小割）

    [题目链接] http://www.lydsy.com/JudgeOnline/problem.php?id=1934 [题目大意] 每个人对于投票都有自己原来的观点:1或者0, 他可以违背自己原来的 ...

  2. 20162312Java结对编程之挑战出题

    需求分析 实现去重出题,并以命令行参数形式指定题目要求. 设计思路 具体的思路: 思路一: 原本我和春旺商量通过集合中的元素的不重复性进行去重.但是运算符多也导致重复的数字多,去重的数量也大大增多越到 ...

  3. django查询

    阅读目录 大于.大于等于 小于.小于等于 在...范围内 模糊查询 是否为空 不等于/不包含于 大于.大于等于 1 2 3 4 5 __gt 大于 __gte 大于等于   User.objects. ...

  4. Android如何获取屏幕的分辨

    在实际的项目中,我们经常要得到当前屏幕的分辨率,进行机型适配,得到分辨率其实很简单,主要有两种方法. 方法一: Display mDisplay = getWindowManager().getDef ...

  5. HDU 4639 Hehe （2013多校4 1008 水题）

    Hehe Time Limit: 2000/1000 MS (Java/Others)    Memory Limit: 32768/32768 K (Java/Others)Total Submis ...

  6. Run-Time Check Failure #0

    Run-Time Check Failure #0 - The value of ESP was not properly saved across a function call. This is ...

  7. 安装maven,eclipse及eclipse配置maven

    现在的eclipse,maven安装非常简单.下载解压就可以用. 官网上下载eclipse, https://www.eclipse.org/downloads/eclipse-packages/ 选 ...

  8. 可添加头部尾部RecyclerView,很帅哦~

    WrapRecyclerView 是一个可以添加头部和尾部的RecyclerView,并且提供了一个 WrapAdapter, 它可以让你轻松为 RecyclerView 添加头部和尾部.   示例中 ...

  9. 关于TagHelper的那些事情——如何自定义TagHelper(TagHelper基类）

    写在开头 前面介绍了TagHelper的基本概念和内嵌的TagHelpers,想必大家对TagHelper都有一定的了解.TagHelper看上去有点像WebControl,但它不同于WebContr ...

  10. delphi VCL研究之消息分发机制-delphi高手突破读书笔记

    1.VCL 概貌 先看一下VCL类图的主要分支,如图4.1所示.在图中可以看到,TObject是VCL的祖先类,这也是Object Pascal语言所规定的.但实际上,TObject以及TObject ...