css：可以通过css在div之间移动文本吗？

Html:

现在如果我想让它像这样展示：

this is my text1. (green background)
this is my text2. (pink background)

---

所以，如果不改变html代码，是否只有通过css才能实现？基本上，我想做的是移动文本：

这是我的文本2。

到第一个div:

CSS允许更改样式，但不允许更改内容：使用CSS无法在div之间移动文本

---

您应该检查XSLT等其他技术。CSS允许更改样式，但不允许更改内容：CSS不允许在div之间移动文本

---

您应该检查其他技术，如XSLT。CSS只是一种设置html元素样式的方法。您不能通过CSS操纵元素的内容，只能操纵元素的显示方式。也许有一种方法可以让它“看起来”有这种行为，但内容将始终位于它们最初所在的div中。使用javascript，这将更容易实现。

CSS只是一种设置html元素样式的方法。您不能通过CSS操纵元素的内容，只能操纵元素的显示方式。也许有一种方法可以让它“看起来”有这种行为，但内容将始终位于它们最初所在的div中。使用javascript，这将更容易实现。

如果您想从这一点出发：

this is my text1.                                   this is my text2. (green background) 
empty in pink background

---

那么，您想做什么呢？

如果您想从此处开始：

this is my text1.                                   this is my text2. (green background) 
empty in pink background

---

那么，您想做什么呢？

在我看来，您不能仅使用css在dom中移动内容。但是你总是可以定位div，这样你就能得到同样的效果

在我看来，仅使用css实际上无法在dom中移动内容。但是你总是可以定位div，这样你就能得到同样的效果

这里是，添加以下CSS：

.text:hover {
    position:fixed;
    top:0;
    right:0px;
    margin 0;
}

这里是，添加以下CSS：

.text:hover {
    position:fixed;
    top:0;
    right:0px;
    margin 0;
}

---

也许你可以这样做：

#id1:after {
  content:'this is my text2'; 
  margin-right:0px;
  float:right;
  background-color:#FFCCCC;
}

---

通过一些动作胡佛或一些js，线索是内容：要更改div的文本，我希望它会有所帮助。

也许你可以这样做：

#id1:after {
  content:'this is my text2'; 
  margin-right:0px;
  float:right;
  background-color:#FFCCCC;
}

---

通过一些动作胡佛或一些js，线索是内容：要更改div的文本，我希望它会有所帮助。

可以明显地移动，还是实际更改内容？您希望在加载时进行更改，还是希望执行诸如悬停或单击之类的事件。具体点。这在css中是不可能的。这只能使用javascript或XSLT来完成。为什么只使用css来完成+这不是一个有趣的问题。如果我说“我想使用css执行sql操作”，这是一个有趣的问题吗？移动是明显的，还是实际更改了内容？您想在加载时更改还是像悬停或单击之类的事件。具体点。这在css中是不可能的。这只能使用javascript或XSLT来完成。为什么只使用css来完成+这不是一个有趣的问题。如果我说“我想用css做sql操作”，这会是一个有趣的问题吗？他不想在HTML中做任何更改！他不想在HTML中做任何更改！嘿，OP怎么知道文字？您将文本保存在

content

css属性中。嘿，OP怎么知道文本？您将文本保留在

content

css属性中。。

.text:hover {
    position:fixed;
    top:0;
    right:0px;
    margin 0;
}

#id1:after {
  content:'this is my text2'; 
  margin-right:0px;
  float:right;
  background-color:#FFCCCC;
}

#id1:hoover{
visibility: hidden;

}
#id2:after {
  content:'this is my text1. this is my text2.'; 
  visibility: visible;
}