html - 使用 CSS 选择器，更改元素环绕文本

Question

我目前有:

<span> Hello </span>

我想使用 CSS 选择器用

<h1>

只使用 CSS 选择器。

这可能吗？

Answer 1

在CSS中其实是不可能改变元素的，但是可以模拟转<span>Hello</span>的效果进入<h1>Hello</h1>在 CSS 中通过向 span 添加属性你的 CSS 的一部分。你应该做这样的事情。

span {
    display: block;
    font-size: 2em;
    margin-top: 0.67em;
    margin-bottom: 0.67em;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;
}

JSFiddle

正如评论中指出的那样，这不会为 span 提供 h1 的其他属性。标签。要实际执行此操作，您可以在 Javascript 中执行类似的操作:

var mySpan = document.getElementById("span");
var myH1 = document.createElement("h1");
myH1.innerHTML = mySpan.innerHTML;
myAnchor.parentNode.replaceChild(myH1, mySpan);

JSFiddle