Question

设置某些属性时链接是否有特殊之处？

看起来有些属性（font-weight等）会从较高元素级联到元素，但其他属性则不会。（我在我的代码中以各种级别设置颜色，然后将其评论出来）。

颜色似乎不起作用，文字装饰不能完全发挥作用。

是否需要将某些属性直接分配给链接？我想这可能与浏览器行为有关（比如访问过）？

/*
   Example1 css
*/
body {
    color: red;  
    font-weight: bold;
    text-decoration: line-through;
} 
nav {
 /*  float: left; */
   margin-right: 10px;
   width: 200px;
}
nav {
    background-color: rgb(235,235,235); 
/*  color: black;  */
/*  font-weight: bold; */
} 
nav  ul {
/*     color: green;   */
} 
nav  ul li {
/*     color: yellow;  */
} 
nav  ul  li  a{
/*  color: orange;  */
} 


<!DOCTYPE html>
   <html>
   <head>
   <!-- 
        Example1
   -->
      <link rel="stylesheet" type="text/css" href="Example1_styles.css">
   </head>

   <body> BOO1
      <nav> BOO2
         <ul>BOO3
            <li><a href="#">Option 1</a> BOO4</li>
            <li><a href="#">Option 2</a></li>
         </ul>
      </nav>
   </body>
</html>

Answer 1

许多css属性上的许多元素的默认值是'inherit'，这会导致父类的样式应用。但是，每种类型的元素在某些css属性（不同元素的不同属性）上都有自己的特定样式，导致父代的样式不适用。我知道这有点模糊，但几乎所有类型的标签都有其独特之处，所以没有一个简单，无所不包的规则。

我举一些例子：如果<div><p>Some Text</p><div>有关于文本（字体大小，颜色等）的任何样式，那么放在div标签上的样式将适用于p标签，因为它默认继承了这些属性。然而，锚标签<a>anchor</a>具有属性font-color和text-decoration的默认值，因此应用于其父div的这些属性将被覆盖。

您可以查看{{3} }对于不同元素的默认行为列表。

希望有所帮助。

在css

1 个答案: