Question

这看起来应该很简单，但是使用纯CSS 我怎么能编辑一行没有html标签，CSS类或id的文本行（在这种情况下由脚本打印）？

这是我正在使用的HTML：

<div class="price">
    <h4>
       <span class="amount">
           <span class="currencySymbol">$</span>
           18.06
       </span>
       <!--EDIT THIS LINE -->  &nbsp;(as of Nov 1, 2017, 1:37 am)                   
    </h4>
</div>

Answer 1

如果您正在寻找的话，您可以编辑文本的属性而无需编辑实际的文本本身？无论您为h4设置什么，都可以使用h4 span.amount来抵消它，如下所示：

h4 {
   color: green;
}

h4 span.amount {
   color: red;
}

Answer 2

这是不可能的。您需要一个选择器来应用css属性。但是还有另一个要做到这一点，但这不是聪明的方式。请参阅以下示例

<!DOCTYPE html>
<html>
<head>
    <title></title>
</head>
<body>
    Lorem ipsum dolor sit amet
</body>
</html>
<style type="text/css">
    *{
        text-align: center;
    }
</style>

Answer 3

您的文字附在h4标记中，该标记本身包含在div.price中。

因此，如果您不希望在html或body标记上添加默认样式，则可以使用

.price > h4 {
    /* style for text in <h4> */
}
.amount {
    /* different style for text in the <span>, if required */
}

编辑没有类或id的文本的CSS

3 个答案: