1. <!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;*/
                /**/
            /*}*/
  2.  
  3.         /*div{*/
                /*height: 100px;*/
                /*weidth:100px;*/
                /**/
  4.  
  5.         /*}*/
  6.  
  7.         /*div span{*/
                 /**/
            /*}*/
  8.  
  9.         /*.c2 span{*/
                /**/
            /*}*/
  10.  
  11.         /*#i2 span{*/
                /**/
            /*}*/
  12.  
  13.         /*#i3,#i4,#i5{*/
                /**/
                /*height: 100px;*/
                /*weidth:100px;*/
            /*}*/
  14.  
  15.          /*.c1{*/
                 /**/
                 /*height: 100px;*/
                 /*weidth:100px;*/
            /*}*/
  16.  
  17.         div[name='dsx']{
               background-color: navajowhite;
            }
  18.  
  19.     </style>
  20.  
  21. </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>-->
  22.  
  23.     <!--class 层级选择器-->
        <!--<div class="c2">-->
            <!--<span>大师兄</span>-->
  24.  
  25.     <!--</div>-->
  26.  
  27.     <!--id层级选择器-->
        <!--<div id="i2">-->
            <!--<span>大师兄</span>-->
        <!--</div>-->
  28.  
  29.     <!--<div id="i3"></div><br>-->
        <!--<div id="i4"></div><br>-->
        <!--<div id="i5"></div>-->
  30.  
  31.     <!--<div class="c1"></div><br>-->
        <!--<div class="c1"></div><br>-->
        <!--<div class="c1"></div>-->
  32.  
  33.     <div name="dsx">2222</div>
  34.  
  35. </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. [BZOJ2226][SPOJ5971]LCMSum(莫比乌斯反演)

    2226: [Spoj 5971] LCMSum Time Limit: 20 Sec  Memory Limit: 259 MBSubmit: 1949  Solved: 852[Submit][S ...

  2. [Nescafé41]编码病毒(循环卷积)

    题意看起来好麻烦实际上很简单,首先4s可以先bitset暴力一下,听说卡卡就能过:$O(2^{22}+n^2/32)$ #include<cstdio> #include<bitse ...

  3. Problem F: 尖兵

    #include<stdio.h> struct man{ ]; int grade; }; int main(void) { int t; int i,j,n; ],max; scanf ...

  4. PHP手册笔记

    <?php getenv — 获取一个环境变量的值 $ip = getenv ( 'REMOTE_ADDR' ); // 或简单仅使用全局变量($_SERVER 或 $_ENV) $ip = $ ...

  5. HTML 钟表 小时钟

    该放假了,心情不好,写个小表针感慨一下时间为什么过得如此之快,写了个小钟表. 提示 1:这个钟表的秒针转的非常快,如果需要和当前的网络时间一样,请修改</script>上一行的代码,把1换 ...

  6. WPF的UI虚拟化

    许多时候,我们的界面上会呈现大量的数据,如包含数千条记录的表格或包含数百张照片的相册.由于呈现UI是一件开销比较大的动作,一次性呈现数百张照片就目前的电脑性能来说是需要占用大量内存和时间的.因此需要对 ...

  7. HDU 4633 Who's Aunt Zhang （2013多校4 1002 polya计数）

    Who's Aunt Zhang Time Limit: 2000/1000 MS (Java/Others)    Memory Limit: 32768/32768 K (Java/Others) ...

  8. rust 参考的资料 转

    http://blog.csdn.net/loveisasea/article/details/46292715 rust官方学习文档: 1.http://doc.rust-lang.org/book ...

  9. jQuery中的Ajax全局事件

    Ajax全局事件 全局事件会在有ajax请求的情况下触发. 方法名称 说明 ajaxStart(callback) Ajax请求开始时执行的函数 ajaxStop(callback) Ajax请求结束 ...

  10. Email the output of a concurrent program as Attachment

    This article illustrates the steps to be followed to Email a concurrent program's output. Write a pr ...