.parent {
width: 300px;
height: 400px;
background-color: #fff;
.child {
width: 100px;
height: 100px;
background-color: #007bff;
CSS是一种用于控制网页元素的样式表语言，通过在样式表中定义样式，可以更改网页元素的的外观和行为。虽然CSS可以直接应用于HTML文档，但有时候大家需要将CSS样式应用到不同的HTML元素中，或者需要将样式从HTML文档中移动到另一个文档中。在这种情况下，大家需要使用CSS移过(迁移)技术。
CSS移过技术有两种：直接移过和间接移过。直接移过是指将CSS样式直接应用到目标元素中，而间接移过是指将CSS样式应用到一个包含目标元素的其他文档中，然后再将这个包含目标元素的文档应用到目标元素中。
下面大家将分别介绍这两种CSS移过技术：
1. 直接移过
直接移过是指将CSS样式直接应用到目标元素中，而不需要其他文档或元素。这种技术简单易用，但可能会使代码难以理解和维护。
以下是一个使用直接移过技术的例子：
.parent {
width: 300px;
height: 400px;
background-color: #fff;
.child {
width: 100px;
height: 100px;
background-color: #007bff;
在这个例子中，`.parent`元素定义了父元素的宽度和高度，以及背景颜色。`.child`元素定义了子元素的宽度和高度，以及背景颜色。大家可以将这个CSS样式应用到父元素中，如下所示：
.parent {
width: 300px;
height: 400px;
background-color: #fff;
.child {
width: 100px;
height: 100px;
background-color: #007bff;
现在，当大家打开这个网页时，大家可以看到父元素和子元素都具有相同的样式。
2. 间接移过
间接移过是指将CSS样式应用到一个包含目标元素的其他文档中，然后再将这个包含目标元素的文档应用到目标元素中。这种技术可以减少代码的复杂性，但可能会使样式难以直接访问。
以下是一个使用间接移过技术的例子：
.parent {
width: 300px;
height: 400px;
background-color: #fff;
.child {
width: 100px;
height: 100px;
background-color: #007bff;
在这个例子中，`.parent`元素定义了父元素的宽度和高度，以及背景颜色。`.child`元素是一个包含`.parent`元素的其他文档，它将`.parent`元素的样式应用到`.child`元素中，如下所示：
.parent {
width: 300px;
height: 400px;
background-color: #fff;
.child {
width: 300px;
height: 400px;
background-color: #007bff;
现在，当大家打开这个网页时，大家可以看到父元素和子元素都具有相同的样式，但大家可以使用`.parent`元素的CSS样式来修改子元素的样式。
CSS移过技术可以用于更改网页元素的样式，但需要使用正确的技术来实现。直接移过技术简单易懂，但可能会使代码难以理解和维护；间接移过技术可以减少代码的复杂性，但可能会使样式难以直接访问。选择哪种技术取决于具体需求。