精华内容
下载资源
问答
  • CSS选择符类型

    万次阅读 2015-10-17 23:28:07
    1、类型选择符: 就是HTML文档中的元素[作用于html标记] 如:p{属性:值} 2、类选择符:可以自己定义样式,应用于一个或多个网页元素,类在网页中可以出现多次,用于定义重复的样式。类以英文“.”开头,后面的...

    1、类型选择符:

    就是HTML文档中的元素[作用于html标记]

    如:p{属性:值}

    2、类选择符:可以自己定义样式,应用于一个或多个网页元素,类在网页中可以出现多次,用于定义重复的样式。类以英文“.”开头,后面的名字自己定义,类定义后还需要在网页中加入class=类名称,加以调用。

    如: .warning {属性:值}

    <p class=“warning”>……</p> 

    3、ID选择符:与类基本相似,只是以英文“#”开头,因为ID具有唯一性,所以在网页中只能出现一次,用于定义只出现一次的样式。

    如:#main {属性:值}

    <p id=“warning”>……</p> 

    4、通配选择符:* {属性:值},用于定义所有元素

    5、包含选择符:语法e1 e2 {属性:值},

    含义是所有被e1包含的e2,

    如:table td {属性:值}

    同时给某个元素应用多个类与ID

    <p class=“a1  a2” id=“a6”>……</a>

    6、选择符分组:将同样的样式定义用于多个选择符,选择符之间用逗号分隔。如:p,div,.waring {属性:值}

    7、标签指定式选择符:如果既想使用id或class,也想同时使用标签选择符

    h1#content{} 表示针对所有id为content的h1标签

    h1.p1{} 表示针对所有class为p1的h1标签

    8、组合选择符:将以上选择符进行组合使用

    h1 .p1{}表示h1标签下的所有class为p1的标签

    h1 .p1,#content h1{}

    展开全文
  • 1.css选择符 2.id选择符 3.群组选择符 4.包含选择符/后代选择符 5.子选择器 6.伪类选择器 7.通配符 *{属性:属性值;} 说明:通配符能选中当前页面中的所有标签 使用:很少使用 但是每个页面必写 *{margin:0;...

    1.css选择符
    css选择符
    2.id选择符
    id选择符
    3.群组选择符
    群组选择符
    4.包含选择符/后代选择符
    .包含选择符/后代选择符:
    5.子选择器
    子选择器:
    6.伪类选择器
    伪类选择器:
    7.通配符
    *{属性:属性值;}
    说明:通配符能选中当前页面中的所有标签
    使用:很少使用 但是每个页面必写 *{margin:0; padding:0 ;}
    通配符

    展开全文
  • css选择符类型及优先级

    千次阅读 2019-02-28 16:30:48
    1.id选择器( # myid) 2.类选择器(.myclassname) 3.标签选择器(div, h1, p) 4.相邻选择器(h1 + p) 5.子选择器(ul > li) 6.后代选择器(li a) 7.通配符选择器( * ) 8.属性选择器(a[rel = ...

    1.id选择器( # myid)

    2.类选择器(.myclassname)

    3.标签选择器(div, h1, p)

    4.相邻选择器(h1 + p)

    5.子选择器(ul > li)

    6.后代选择器(li a)

    7.通配符选择器( * )

    8.属性选择器(a[rel = "external"])

    9.伪类选择器(a:hover, li:nth-child)

    优先级:!important > 行内样式 > id选择器 > 类选择器 > 标签选择器 > 通配符选择器 > 继承样式 > 浏览器默认样式

    展开全文
  • 其中,常用的选择符有 ID选择符(#name) 和 类选择符(.name),另两种了解即可。 1. 通配选择符(*) 描述:选定所有对象。 <style> /* 选定页面所有元素(含body/html) */ *{ color:cadetblue; } </style>...

    一、元素选择符(Element Selectors)

    其中,常用的选择符有 ID选择符(#name) 和 类选择符(.name),另两种了解即可。

    1. 通配选择符(*)

    描述:选定所有对象。

    <style>
    /* 选定页面所有元素(含body/html) */
    *{
        color:cadetblue;
    }
    </style>
    
    <h1>title</h1>
    <ul>
        <li>one</li>
        <li>two</li>
    </ul>
    

    在这里插入图片描述


    2. 类型选择符(E)

    描述:以文档语言对象类型作为选择符。

    <style>
    /* 选定E元素(E为html标签名) */
    h1{
        background:rgb(219, 219, 219);
    }
    ul{
        background:rgb(219, 219, 219);
    }
    </style>
    
    <h1>title</h1>
    <ul>
        <li>one</li>
        <li>two</li>
    </ul>
    

    在这里插入图片描述


    3. ID选择符(#name)

    描述:以唯一标识符(ID)名称标记文档某元素,然后通过名称找到元素。

    <style>
    /* 1.设定唯一标识(#) 2.通过唯一表示选取 */
    #h1{
        color:red;
    }
    #ul{
        color:green;
    }
    </style>
    
    <h1 id="h1">title</h1>
    <ul id="ul">
        <li>one</li>
        <li>two</li>
    </ul>
    

    在这里插入图片描述


    4. 类选择符(.name)

    描述:以类名名称标记文档某元素,然后通过名称找到这一类元素,注意ID只能设置一个元素,但 class 可以设置多个。

    <style>
    /* 1.设定类名 2.通过类名选取多个元素 */
    .red{
        color:red;
    }
    </style>
    
    <h1 class="red">title</h1>
    <ul class="red">
        <li>one</li>
        <li>two</li>
    </ul>
    

    在这里插入图片描述


    二、关系选择符(Relationship Selectors)

    几乎所有关系选择符都常用 ,最好全部熟练使用。

    1.包含选择符(E F)

    描述:选择所有被 E 元素包含的 F 元素。

    <style>
    /* 选择 ul 包含的所有 li 元素 */
    ul li{
        color:red;
    }
    /* 选择 ul 包含的所有 a 元素 */
    ul a{
        color:green;
    }
    </style>
    
    <ul>
        <li>one</li>
        <li>two</li>
        <a href="#nogo">URL</a>
    </ul>
    

    在这里插入图片描述


    2. 子选择符(E>F)

    描述:选择所有作为 E 元素的子元素 F。

    <style>
    /* 选择父元素 ul 下的子元素 li */
    ul>li{
        color:red;
    }
    /* 选择父元素 ul 下的子元素 a */
    ul>li>a{
        color:green;
    }
    </style>
    
    <ul>
        <li>
            <a href="#nogo">URL</a>
        </li>
        <li>two</li>
    </ul>
    

    在这里插入图片描述


    3. 相邻选择符(E+F)

    描述:选择紧贴在 E 元素之后 F 元素。

    <style>
    /* 选择 #p 元素紧贴的 p 元素 */
    #p+p{
        color:red;
    }
    </style>
    
    <h1>title</h1>
    <p id="p">content1</p>
    <p>content2</p>
    

    在这里插入图片描述


    4. 兄弟选择符(E~F)

    描述:选择 E 元素后面的所有兄弟元素 F。

    <style>
    /* 选择 p 元素的所有兄弟(同级) p 元素(不包含自身) */
    p~p{
        color:red;
    }
    </style>
    
    <p>p1</p>
    <h1>h1</h1>
    <p id="p">p2</p>
    <p>p3</p>
    <h3>h3</h3>
    <p>p4</p>
    

    在这里插入图片描述


    三、属性选择符(Attribute Selectors)

    属性选择符都是使用频率较高的,应该熟练运用。

    1. E [ att ]

    描述:选择具有 att 属性的 E 元素。

    <style>
    /* 选择所有具有 href 属性的 a 元素*/
    a[href]{
        color:red;
    }
    </style>
    
    <a href="#">URL1</a>
    <a>URL2</a>
    <a href="#">URL3</a>
    

    在这里插入图片描述


    2. E [ att = “val” ]

    描述:选择具有 att 属性且属性值等于 val 的 E 元素。

    <style>
    /* 选择所有 a 元素具有 href 属性且属性值是 #nogo 的 a 元素*/
    a[href="#nogo"]{
        color:red;
    }
    </style>
    
    <a href="#">URL1</a>
    <a href="#nogo">URL2</a>
    <a href="#">URL3</a>
    

    在这里插入图片描述


    3. E [ att ~= “val” ]

    描述:选择具有 att 属性且属性值为一用空格分隔的字词列表,其中一个等于 val 的 E 元素。

    <style>
    /* 选择所有 p 元素具有空格分隔的字词列表 ppp 元素*/
    p[class~="ppp"]{
        color:red;
    }
    </style>
    
    <p class="pp ppp">p1</p>
    <p class="p">p2</p>
    <p class="p pppp">p3</p>
    

    在这里插入图片描述


    4. E [ att ^= “val” ]

    描述:选择具有 att 属性且属性值为以 val 开头的字符串的 E 元素。

    <style>
    /* 选择所有 a 元素且 href 属性中 www 开头的元素*/
    a[href^="www"]{
        background:red;
    }
    </style>
    
    <a href="wwww.baidu.com">正确链接</a>
    <a href="#">空链接</a>
    <a href="ww.baidu.com">错误链接</a>
    

    在这里插入图片描述


    5. E [att $= “val” ]

    描述:选择具有 att 属性且属性值为以 val 结尾的字符串的E元素。

    <style>
    /* 选择所有 a 元素且 href 属性中 com 结尾的元素*/
    a[href$="com"]{
        background:red;
    }
    </style>
    
    <a href="wwww.baidu.cmo">错误链接</a>
    <a href="#">空链接</a>
    <a href="www.baidu.com">正确链接</a>
    

    在这里插入图片描述


    6. E [ att ∗= “val” ]

    描述:选择具有 att 属性且属性值为包含 val 的字符串的 E 元素。

    <style>
    /* 选择所有 a 元素且 href 属性中包含 com 的元素*/
    a[href*="4399"]{
        background:Red;
    }
    </style>
    
    <a href="wwww.4399.com">4399</a>
    <a href="#nogo">空链接</a>
    <a href="www.baidu.com">百度</a>
    

    在这里插入图片描述


    7. E [ att |= “val” ]

    描述:选择具有 att 属性且属性值为以 val 开头并用连接符 “-” 分隔的字符串的 E 元素。

    <style>
    /* 选择所有 li 元素且 class 属性中以 text1 开头且有 - 连字符的元素*/
    li[class|="text1"]{
        color:red;
    }
    </style>
    
    <ul>
        <li class="text1-one">one</li>
        <li class="text2-two">two</li>
        <li class="text3-three">three</li>
    </ul>
    

    在这里插入图片描述

    四、伪类选择符(Pseudo-Classes Selectors)

    伪类选择符偏多,但常用的只有那么几个,熟练掌握常用选择器,其他选择符熟悉即可。

    1. 链接伪类选择符:E:link

    描述:设置超链接 a 在未被访问前的样式。

    <style>
    /* 设置超链接 a 未被访问前的样式 */
    a:link{
        background:red;
    }
    </style>
    
    <a href="#">未访问的链接</a>
    <a href="#">已访问的链接</a>
    

    在这里插入图片描述


    2. 链接伪类选择符:E:visited

    描述:设置超链接 a 在其链接地址已被访问过时的样式。

    <style>
    /* 设置超链接 a 已被访问后的样式 */
    a:visited{
        background:red;
    }
    </style>
    
    <a href="www.baidu.com">已访问的链接</a>
    <a href="#">未访问的链接</a>
    

    在这里插入图片描述


    3. 用户行为伪类选择符:E:hover

    描述:设置元素在其鼠标悬停时的样式,注意IE6只支持a元素的:hover,从IE7开始支持其它元素的:hover。

    <style>
    /* 当鼠标移动到该元素时触发的样式 */
    a:hover{
        background:red;
    }
    /* IE7+ */
    span:hover{
        background:green;
    }
    </style>
    
    <a href="www.baidu.com">a元素</a>
    <span>IE7——所有元素均支持:hover</span>
    

    在这里插入图片描述


    4. 用户行为伪类选择符:E:active

    描述:设置元素在被用户激活(在鼠标点击与释放之间发生的事件)时的样式。

    <style>
    /* 元素激活与释放之间的样式 */
    a:active{
        background:red;
    }
    /* IE7+ */
    span:active{
        background:green;
    }
    </style>
    
    <a href="#">a元素</a>
    <span>IE7——所有元素均支持:active</span>
    

    在这里插入图片描述


    5. 用户行为伪类选择符:E:focus

    描述:设置对象在成为输入焦点(该对象的 onfocus 事件发生)时的样式,需要注意 webkit 内核浏览器会默认给 :focus 状态的元素加上 outline 的样式。

    <style>
    /* 成为输入焦点时触发(频用于输入框) */
    input:focus{
        background:red;
    }
    </style>
    
    <input type="text">
    

    在这里插入图片描述


    6. 语言伪类选择符:E:lang()

    描述:匹配使用特殊语言的E元素。

    <style>
    /* 1.lang指定名称 2.传给lang(名称) */
    h1:lang(en){
        color:red;
    }
    </style>
    
    <h1 lang="en">English</h1>
    <h1>中文</h1>
    

    在这里插入图片描述


    7. 否定伪类选择符:E:not()

    描述:匹配不符合一组选择器的元素,它有时也被称为反选伪类(negation pseudo-class)。不能包含另外一个否定选择器。

    <style>
    /* 只要不是 .p 就选中这些元素 */
    p:not(.p){
        color:red;
    }
    </style>
    
    <p>content1</p>
    <p class="p">content2</p>
    <p>content3</p>
    

    在这里插入图片描述


    8. 结构性伪类选择符:E:root

    描述:匹配 E 元素在文档的根元素,在 HTML 中,根元素永远是 HTML。

    <style>
    /* 匹配 html 根元素,样式只能应用于 html */
    :root{
       background:green;
    }
    </style>
    
    <h1>在HTML中根元素始终是HTML元素</h1>
    <p>匹配文档的根元素</p>
    

    在这里插入图片描述


    9. 结构性伪类选择符:E:first-child

    描述:匹配父元素的首个个子元素 E ,要使该属性生效,E 对象必须是某个对象的子元素。

    <style>
    /* 匹配父元素的第一个子元素 p */
    p:first-child{
        color:red;
    }
    </style>
    
    <body>
    <p>这个段落是其父元素(body)的首个子元素【所以被选中了】</p>
    <p>这个段落不是其父元素的首个子元素。</p>
    <div>
        <p>这个段落是其父元素(div)的首个子元素。【所以被选中了】</p>
        <p>这个段落不是其父元素的首个子元素。</p>
    </div>
    </body>
    

    在这里插入图片描述


    10. 结构性伪类选择符:E:last-child

    描述:匹配父元素的最后一个子元素 E,要使该属性生效,E 对象必须是某个对象的子元素。

    <style>
    /* 匹配父元素的最后一个子元素 li */
    li:last-child{
        color:red;
    }
    </style>
    
    <ul>
        <li>one</li>
        <li>two</li>
        <li>我是最后一个(所以被选中了)</li>
    </ul>
    

    在这里插入图片描述


    11. 结构性伪类选择符:E:only-child

    描述:匹配父元素仅有的一个子元素 E,要使该属性生效,E 对象必须是某个对象的子元素。

    <style>
    /* 匹配父元素的仅有的一个子元素 li */
    li:only-child{
        color:red;
    }
    </style>
    
    <ul>
        <li>one</li>
        <li>two</li>
    </ul>
    <ol>
        <li>我是仅有的一个子元素</li>
    </ol>
    

    在这里插入图片描述


    12. 结构性伪类选择符 E:nth-child(n)

    描述:匹配父元素的第 n 个子元素 E,要使该属性生效,E 对象必须是某个对象的子元素。

    <style>
    /* 匹配父元素的第2个子元素 li */
    li:nth-child(2){
        color:red;
    }
    </style>
    
    <ul>
        <li>one</li>
        <li>two</li>
        <li>three</li>
    </ul>
    

    在这里插入图片描述


    13. 结构性伪类选择符:E:nth-last-child(n)

    描述:匹配父元素的倒数第 n 个子元素 E,要使该属性生效,E 对象必须是某个对象的子元素。

    <style>
    /* 匹配父元素倒数第1个子元素 li */
    li:nth-last-child(1){
        color:red;
    }
    </style>
    
    <ul>
        <li>one</li>
        <li>two</li>
        <li>three</li>
    </ul>
    

    在这里插入图片描述


    14. 结构性伪类选择符:E:first-of-type

    描述:匹配元素其父级是特定类型的第一个子元素 E,和 :nth-of-type(1) 是一个意思。

    <style>
    /* 匹配同类型中的第一个同级兄弟元素 p */
    p:first-of-type{
        color:red;
    }
    </style>
    
    <div>
        <span>我是span</span>
        <p>我是p1</p>
        <p>我是p2</p>
        <b>我是b</b>
    </div>
    

    在这里插入图片描述


    15. 结构性伪类选择符:E:last-of-type

    描述:匹配元素其父级是特定类型的最后一个子元素 E,和 :nth-last-of-type(1)是一个意思。

    <style>
    /* 匹配同类型中的最后一个同级兄弟元素 p */
    p:last-of-type{
        color:red;
    }
    </style>
    
    <div>
        <span>我是span</span>
        <p>我是p1</p>
        <p>我是p2</p>
        <b>我是b</b>
    </div>
    

    在这里插入图片描述


    16. 结构性伪类选择符:E:only-of-type

    描述:匹配同类型中的唯一的一个同级兄弟元素 E。

    <style>
    /* 匹配同类型中的唯一的同级兄弟元素 span */
    span:only-of-type{
        color:red;
    }
    </style>
    
    <div>
        <span>我是父元素div中唯一的span</span>
        <p>我是p1</p>
        <p>我是p2</p>
        <b>我是b</b>
    </div>
    

    在这里插入图片描述


    17. 结构性伪类选择符:E:nth-of-type(n)

    描述:匹配同类型中的第 n 个同级兄弟元素 E。

    <style>
    /* 匹配同类型中的唯一的同级兄弟元素的第二个 span */
    span:nth-of-type(2){
        color:red;
    }
    </style>
    
    <div>
        <span>我是父元素div中第一个span</span>
        <p>我是p1</p>
        <span>我是父元素div中的第二个span,选我!</span>
        <b>我是b</b>
    </div>
    

    在这里插入图片描述


    18. 结构性伪类选择符:E:nth-last-of-type(n)

    描述:匹配同类型中的倒数第 n 个同级兄弟元素 E。

    <style>
    /* 匹配同类型中同级兄弟元素的倒数第一个 p */
    p:nth-last-of-type(2){
        color:red;
    }
    </style>
    
    <div>
        <p>我是父元素div中第一个p</p>
        <p>我是父元素div中的倒数第二个p,选我!</p>
        <p>我是父元素div中的倒数第一个p</p>
    </div>
    

    在这里插入图片描述


    19. 结构性伪类选择符:E:empty

    描述:匹配没有任何子元素(包括 text 节点)的元素 E。

    <style>
    /* 选择每个没有任何子级的元素(包括文本节点)p */
    p:empty{
        width:50px;
        height: 50px;
        background:red;
    }
    </style>
    
    <p>我是有节点的P,我下面的P没有节点且不包含任何子元素,选择它↓</p>
    <p></p>
    

    在这里插入图片描述


    20. 用户界面(UI)元素状态伪类选择符:E:checked

    描述:匹配用户界面上处于选中状态的元素 E(用于input type为radio与checkbox时)。

    <style>
    /* 用户触发选中状态时降低透明度 */
    input:checked{
        opacity:0.2;
    }
    </style>
    
    <input type="checkbox">复选框<br>
    <input type="radio" name="demo">单选框1<br>
    <input type="radio" name="demo">单选框2<br>
    

    在这里插入图片描述


    21. 用户界面(UI)元素状态伪类选择符:E:enabled

    描述:匹配用户界面上处于可用状态的元素 E。

    <style>
    /* 选择所有可用状态的 input 元素 */
    input:enabled{
        color:red;
    }
    </style>
    
    <input type="text" disabled value="不可用">
    <input type="text" value="可用,选我!">
    

    在这里插入图片描述


    22. 用户界面(UI)元素状态伪类选择符:E:disabled

    描述:匹配用户界面上处于禁用状态的元素 E。

    <style>
    /* 选择所有不可用状态的 input 元素 */
    input:disabled{
        color:red;
    }
    </style>
    
    <input type="text" disabled value="不可用,选我!">
    <input type="text" value="可用">
    

    在这里插入图片描述


    23. 目标伪类选择符:E:target

    描述:# 锚的名称是在一个文件中链接到某个元素的 URL,元素被链接到目标元素,用于当前活动的 target 元素的样式。

    <style>
    /* 用于 a 元素锚点被激活元素的样式 */
    :target{
        background:red;
    }
    </style>
    
    <a href="#p1">p1</a>
    <a href="#p2">p2</a>
    <h1>————————————</h1>
    <p id="p1">我是p1</p>
    <p id="p2">我是p2</p>
    

    在这里插入图片描述


    24. 打印伪类选择符:@page:first | @page:left | @page:right

    描述:设置页面容器第一页使用的样式,即元素打印时的位置,仅用于 @page 规则,了解即可。

    五、伪对象选择符(Pseudo-Element Selectors)

    注意,CSS3 将伪对象选择符(Pseudo-Element Selectors)前面的单个冒号(:)修改为双冒号(::)用以区别伪类选择符(Pseudo-Classes Selectors),但以前的写法仍然有效。

    1. E::first-letter

    描述:::first-letter 伪元素向文本的第一个字母添加特殊样式,该伪类常被用来配合 font-size 属性和 float 属性制作首字下沉效果。

    <style>
    /*所有 p 元素首字变成红色 */
    p::first-letter{
        color:red;
    }
    </style>
    
    <p>我是p1</p>
    <p>我是p2</p>
    <span>我是span</span>
    

    在这里插入图片描述


    2. E::first-line

    描述:::first-line 伪元素设置第一行的样式。

    <style>
    /*所有 pre 元素第一行文字变成红色 */
    pre::first-line{
        color:red;
    }
    </style>
    
    <pre>
    第1行示例文字
    第2行示例文字
    </pre>
    <span>我是span</span>
    

    在这里插入图片描述


    3. E::before

    描述:设置在对象前(依据对象树的逻辑结构)发生的内容,用来和 content 属性一起使用,常用于图标。

    <style>
    /*所有 p 元素前加入一个图标 */
    p::before{
        content:'♥'
    }
    </style>
    
    <p>我通过::before加入的图标!</p>
    <span>♥我手动加入的图标!</span>
    

    在这里插入图片描述


    4. E::after

    描述:与 ::before 类似,设置在对象后(依据对象树的逻辑结构)发生的内容,用来和 content 属性一起使用,常用于图标。

    <style>
    /*所有 p 元素后加入一个图标 */
    p::after{
        content:'♥'
    }
    </style>
    
    <p>我通过::before加入的图标!</p>
    <span>我手动加入的图标!♥</span>
    

    在这里插入图片描述


    5. E::selection

    描述:设置对象被选择时的样式,如选中文本。

    <style>
    /*所有 p 元素选中后背景变为红色 */
    p::selection{
        background:red;
    }
    </style>
    
    <p>content</p>
    

    在这里插入图片描述


    在这里插入图片描述

    展开全文
  • 选择符

    千次阅读 2016-09-04 11:34:12
    4.3.3 段选择符选择符(或称段选择子)是段的一个16位标识符,如图4-10所示。段选择符并不直接指向段,而是指向段描述符表中定义段的段描述符。段选择符的3个字段分别是: 请求特权级RPL(Requested Privilege...
  • CSS 选择符

    千次阅读 2013-04-24 16:02:32
    选择符,顾名思义,用于从XHTML文档中选择元素。选择符有很多种,各有其不同的具体性(specificity),可以确定一大批元素或者仅仅几个元素。具体性是度量选择符的作用范围的手段。所谓作用范围,换句话说,指定是...
  • CSS选择符优先级

    千次阅读 2013-08-23 20:14:18
    1.计算优先级的步骤 (1)如果一条声明来自style属性,也就是内联样式,...(3)计算类选择符、属性选择符和伪类选择符的数目。总数最大的声明具有最高的优先级。如果两个或多个声明具有相同的总数,则转入第四步。
  • CSS选择符

    千次阅读 2012-04-06 17:24:29
    原创作品,允许转载,转载时请务必以超链接形式标明文章...CSS学习系列二:CSS选择符 选择符的脚本语法:  选择符名{样式属性:属性值;样式属性:属性值;..........} 选择符名:选择符的名称,在HTML中文档的标签是
  •  类型选择符(body)、群组选择符(h1,h2,h3,span)、包含选择符(h2 span)、ID选择符(#id)、Class选择符(.content)2、哪些属性可以继承? CLASS属性,伪类A标签,列表ul、li、dl、dd、dt可以继承3、...
  • 4.5 CSS的常用选择符

    万次阅读 2019-05-21 11:58:15
    4.5 CSS的常用选择符 4.5.1 css2的选择符(重要) (1). html选择符(标签选择器) 就是把html标签作为选择符使用 如 p{....} 网页中所有p标签采用此样式 h2{....} 网页中所有h2标签采用此样式 (2). class类选择符 ...
  • HTML5的选择符及元素

    千次阅读 2016-08-02 23:13:18
    2.类型选择符 3.属性选择符 4.包含选择符 5.子对象选择符 6.ID选择符 7.类选择符 8.选择符分组 9.伪类及伪对象选择符   行级元素:标签、换行、输入框、向网页中嵌入一幅图像、 标签、创建单选或多选菜单...
  • HTML/CSS 选择符优先级

    千次阅读 2015-08-08 17:16:35
    CSS的选择符优先级1、同级样式默认后者覆盖前者2、样式优先级 类型(1) [type](10)=伪类(10) (100) 行间样式(1000) 内部样式 外部引入样式选择符... 11个类型选择符的优先级仍然小于1个类选择符,以此类推3、important
  • 唯一的文件类型说明是描述类型的文件可以由用户在被选择的字符串类型的元件file。每个唯一文件类型说明都可以采用以下形式之一: 一个有效的不区分大小写的文件名扩展名,以句点(“。”)字符开头。例如:....
  • JQuery CSS 选择符

    千次阅读 2007-12-12 02:52:00
    CSS 选择符$ 函数可以根据传入的 ID 取得元素,但对于结构复杂的页面,单传入一个 ID 难于精确取到相应的元素,myJSFrame 参考 CSS 2.0 选择符概念与 JQuery 框架中 CSS 选择符的引用形式,实现了自有的 CSS 选择符...
  • 段描述符和段选择符解析

    千次阅读 2014-07-25 14:25:14
    系统的话,CS就不是这个意义了,它可能变成可段选择符。  先说一下为什么运行裸机和运行操作系统时候CS意义为什么会不一样。CPU开机启动是运行在实模式, 此时CS就是代码段,IP就是偏移地址,这是我们熟悉的...
  • CSS3选择器(选择符

    千次阅读 2018-08-27 21:24:09
    CSS3选择器分类 本文列举常用的几种选择器 一、层级选择器 E&amp;amp;gt;F 子选择选择匹配的F元素,且匹配的F元素所匹配的E元素的子元素 HTML代码: &amp;amp;lt;div&amp;amp;gt; &...
  • css选择符类型: 1、通用选择器:* 2、类别选择器:.class 3、id选择器:#id 4、标签选择器:p 5、后代选择器:div p 6、子选择器:div &gt; p 7、群组选择器:div , p 8、相邻同胞选择器:div +p 9、伪类选择...
  • 一、OC中数据类型1)基本数据类型:整型、字符型、浮点型(double、float)、枚举型;2)构造类型:数组、结构体、共用体类型;3)指针类型:所有的系统类、自定义类都是指针;4)空类型:nil,没有任何东西。二、...
  • 段寄存器(segement register) 段选择符(segement selector) 段描述符(segement descriptor) 学习总结1 段寄存器 段寄存器包括CS,SS,DS,ES,FS,GS。结构如下图: 段寄存器包括可见部分和不可见部分。可见...
  • 类型选择符的权重为0001 class选择符的权重为0010 id选择符的权重为0100 子选择符的权重为0000 属性选择符的权重为0010 伪类选择符的权重为0010 伪元素选择符的权重为0010 包含选择符的权重:包含的选择符权...
  • 3-段选择子与段描述结构

    万次阅读 多人点赞 2016-09-14 15:02:04
    段描述与段选择子的结构段选择子结构段选择子一共有16位,结构如下:| 1 | 0 | 字节 |7654321076543 2 10| 比特 |-------------|-|--| 占位 | INDEX |T|R | 含义 | |I|P | | | |L | INDEX:在GDT数组或LDT数组的...
  • CSS选择符的种类以及对比分析

    千次阅读 2015-08-18 21:27:31
    CSS选择符  选择符就是你要操作的XHtml元素,可以使Xhtml标签,比如;可以使标签的class属性,例如;也可以是标签的ID属性,例如:;  选择符的种类有一下七种:    标签选择符:就是Xhtml的元素,比如:,...
  • 通配选择符* { sRules } 类型选择符E { sRules } td { font-size:14px; width:120px; } 属性选择符 E [ attr ] { sRules } E [ attr = value ] { sRules } E [ attr ~= value ] { sRules } E [ attr |= value ]...
  • 选择符 段寄存器

    万次阅读 2016-08-27 15:57:48
    selector,也译作“段选择符”),再由段号映射到存在内存中的GDT(global (segment) descriptor table,全局段号记录表),读取段的信息。 一个逻辑地址由两部分组成:一个段标识符和一个指定段内相对地址的...
  • CSS2 样式表(选择符)

    千次阅读 2007-11-20 16:10:00
    1、通配选择符(Universal Selector) 语法:* { sRules } 说明:通配选择符。选定文档目录树(DOM)中的所有类型的单一对象。假如通配选择符不是单一选择符中的唯一组成,“*”可以省略。示例

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 550,635
精华内容 220,254
关键字:

属于类型选择符的是