Css 如何更改内部表属性_Css

Css 如何更改内部表属性

css

Css 如何更改内部表属性,css,Css,如果我想以不同于外部表的方式处理嵌入单元格中的表的属性，那么需要什么。我是CSS新手，对层叠效果没有把握。下面是我尝试的一个简单例子： <body> <table><link rel="stylesheet" type="text/css" href="OuterTable.css"> <tr><th>Col1</th><th>Col2</th></tr> <tr&g

如果我想以不同于外部表的方式处理嵌入单元格中的表的属性，那么需要什么。我是CSS新手，对层叠效果没有把握。下面是我尝试的一个简单例子：

<body>
<table><link rel="stylesheet" type="text/css" href="OuterTable.css">
    <tr><th>Col1</th><th>Col2</th></tr>
    <tr>
    <td>
        <table><link rel="stylesheet" type="text/css" href="InnerTable.css"><tr><th>InsideColA1</th><th>InsideColA2</th></tr></table>
    </td>
    <td>
            <table><tr><th>InsideColB1</th><th>InsideColB2</th></tr></table>
    </td>
    </tr>            
</table>
</b


冷水
室内装饰
InsideColB1InsideColB2
a） 将类（内部和外部，如下所示）添加到表中
b） 从表中删除CSS文件并添加到头部
c） 只需将以下样式语句添加到css中即可
<style type="text/css">
   table.outer {
     background-color:yellow
    }
  table.outer th {
      // add style properties here
   }
   table.inner {
       background-color:pink
   }
  table.inner th {
     // add style properties here
   }
</style>

<table class="outer">
   <tr><th>Col1</th><th>Col2</th></tr>
   <tr>
    <td>
      <table class="inner"><tr><th>InsideColA1</th><th>InsideColA2</th></tr></table>
   </td>
   <td>
        <table><tr><th>InsideColB1</th><th>InsideColB2</th></tr></table>
   </td>
  </tr>            
</table>


表1.1外部{
背景颜色：黄色
}
表1.4-1{
//在此处添加样式属性
}
表1.1内部{
背景颜色：粉红色
}
表1.1-1{
//在此处添加样式属性
}
冷水
室内装饰
InsideColB1InsideColB2


首先，不要在HTML代码中间导入CSS，请将其放在
标记上
您可以通过“id”或“class”设置HTML元素的样式，我将使用class制作示例，检查它：
<head>
<link rel="stylesheet" type="text/css" href="OuterTable.css">
<link rel="stylesheet" type="text/css" href="InnerTable.css">

<style>

.outerTable{
    background-color:#FF0000;
}    

.innerTable{
    background-color:#FF00FF;
} 
</style>
</head>
<body>
 <table class="outerTable">
 <tr><th>Col1</th><th>Col2</th></tr>
  <tr>
    <td>
      <table class="innerTable"><tr><th>InsideColA1</th><th>InsideColA2</th></tr></table>
    </td>
    <td>
        <table><tr><th>InsideColB1</th><th>InsideColB2</th></tr></table>
    </td>
   </tr>            
  </table>
</body>


.可外穿的{
背景色：#FF0000；
}    
.innerTable{
背景色：#FF00FF；
} 
冷水
室内装饰
InsideColB1InsideColB2

将类放在
标记处，而将代码放在.css文件中
首先，所有CSS文件都应该包含在HTML文档的
中
现在，如果要以嵌套表为目标，只需使用以下命令：
/*Define default color for cells*/
table th{
    background-color: pink; 
}
/*Override for headers inside a nested table*/
table table th{
    background-color: yellow; 
}

不需要单独的CSS文件或自定义类或ID
请参见
您应该学习一些基本的CSS教程，因为这不是设置嵌套元素样式的正确方法