某些级联风格需要澄清

时间:2014-04-29 11:09:11

标签: css

有人可以解释一下nodec的含义吗?

我看到它在CSS中被用作a.nodec

但完全不知道这种用法的目的是什么。

TQ

2 个答案:

答案 0 :(得分:1)

如果您看到类似

的内容
a.nodec {
  ...
}

然后" nodec"是" a"的班级名称。这个HTML中的标签:

<a class="nodec" href="?">Link #1</a>
<a class="nodec" href="?">Link #2</a>

答案 1 :(得分:0)

最近我也在研究这个问题。这是您使用 .nodec 而不仅仅是 .nodec 的原因。

<!DOCTYPE html>

<html>
    <head>
         <style type="text/css">
             .underline{
                 text-decoration:underline;
             }
         </style>
     </head>

     <body>
         <div class="underline">
             <h1>this is h1</h1>
             <p>this is p</p>
         </div>
     </body>
</html>

假设 .underline 为 .nodec,根据上面的代码,输出将显示 h1 和 p 下划线。由于某些原因,您可能只希望特定元素能够使用该类(例如,您只希望 h1 使用下划线类)。因此,您可以指定哪种元素只能使用您创建的类。查看下面的代码。

<!DOCTYPE html>

<html>
    <head>
         <style type="text/css">
             h1.underline{       <!--just added the h1 in front of .underline-->
                 text-decoration:underline;
             }
         </style>
     </head>

     <body>
         <div class="underline">
             <h1>this is h1</h1>
             <p>this is p</p>
         </div>
     </body>
</html>

在这种情况下,div 将无法使用下划线类,除非您将 h1 元素的类设置为下划线(例如这是 h1)

总而言之,这只是限制使用特定类的元素数量。希望你觉得这有帮助!