当前位置:天才代写 > tutorial > 网页教程 > ID选择器

ID选择器

2018-05-17 08:00 星期四 所属: 网页教程 浏览:417

  id选择器可以为标有特定id的html元素指定特定的样式。在某些方面,ID选择器类似于类选择器,不过也有一些重要差别,就是说与类选择器一样,ID选择器中可以忽略通配选择器。

  (一)id选择器

  id选择器以”#”来定义。

  以下为两个id选择器,其一定义元素颜色为红色,其二定义元素的颜色为绿色:

ID选择器_css教程_css基础_css选择器_课课家

  以下html代码,id属性p元素为red的为红色,但是,id属性为green的p元素就显示为绿色。

html代码

  注意:id属性仅仅可以在每一个HTML文档中出现一次。

  (二)id选择器和派生选择器

  现代布局当中,id选择器经常被用于建立派生选择器。

派生选择器

  以上样式仅仅应于id是sidebar的元素内的段落。该元素很大可能性是div亦或是表格单元,或者是表格或者其他块级元素,还有可能是内联元素,例如:<em></em>、<span></span>。但是,这种用法不合理,原因是不能在内联元素<span>当中嵌入<p>。

  (三)一个选择器,多种用法

  就算只能在文档中出现一次被标注为sidebar的元素,该id选择器作为派生选择器能被使用多次:

id选择器作为派生选择器能被使用多次

  跟页面中的其他p元素不一样的是,“sidebar”的p元素经过特殊的处理。然后,sidebar中的h2元素与页面中其他明显不一样的是,它也得到特殊处理。

  (四)单独的选择器

  就算id选择器没有被用来创建派生选择器,也是能单独发挥作用的:

单独的选择器

  据此,id为sidebar的元素就会有一个像素宽的黑色点状边框,其周围也会有10个像素宽的内边距。老版本的Windows/IE浏览器中,要特别地定义该选择器所属的元素,否则有可能可能会忽略该规则:

单独的选择器

  总结:有时,ID选择器与类选择器相类似,不过也有所差别,相同点在于与类选择器一样,ID选择器中可以忽略通配选择器。我们网站将会给大家介绍更多关于Web开发的内容,要是感兴趣的话可以关注我们网站:课课家教育。

 

    关键字:

天才代写-代写联系方式