欢迎来到鲍余网络官网 官方微信 官方微博 IDC网站
深圳网站建设官方微信

网络之路,从这里开始

热线电话

18576678080 / 0755-85278776

网站知识
首页 > 网站知识 > CSS正确使用id选择器的方法

CSS正确使用id选择器的方法

  • 所属分类: 网站知识
  • 发布时间:2015-05-27 18:00:16
  • 作者: 鲍余网络
  • 点击量:

   和CSS的类型选择器不同,id选择器使用"#"代替"."实现标记的定位,其语法如下:
   tagName#idName  {}
   这行代码针对标记名称为tagName,id为idName的标记来应用样式,同样,tagName也是可以省略的,这时此样式仅由标记的id属性决定.实际上,由于id是整个文档惟一的,仅指定id还是同时指定标记名称和id一般来说没有太大的不同,但为了使CSS代码更易于阅读,在指定id的同时最好也指定标记名称.
   例如下面的文档:
<html>
<head>
<title>New document</title>
<style type="text/css">
<!--
.strong  {font-weight:bold;}
dl#dll   {fong-style:italic;}
-->
</style>
</head>
<body>
 <dl id = "dll">
   <dd class="strong">some text</dd>
   <dd>some text</dd>
   <dd>some text</dd>
 </dl>
 <ul>
   <li>some text</li>
   <li class="strong">some text</li>
   <li>some text</li>
 </ul>
</body>
</html>
   CSS正确使用id选择器的方法;大家通过运行这串代码得出来的结果就是上面有id属性的内容全为斜体,而带有strong为class属性的则会给内容加粗.
关键词:

相关文章:

有做网站需求?   联系客服经理 提交需求 直接拨打业务电话:0755-85278776