css - 使用 css 增加 html 元素的属性值？

Question

是否可以创建一个 css 类/id 来添加一个值(例如，填充)到另一个类的相同属性值？

让我试着把它写得更清楚。

.someClass{
padding: 20px;
}

.thickenMe{
padding: 5px;
}

当我按如下方式应用这些类时，

<div class='someClass thickenMe'>
<!--planning to beef up this div-->
</div>

这个 div 的净填充应该变成 25px。

是否可以仅使用 css？这只是一个想法!

Answer 1

使用纯 CSS 是不可能的。

但是，您可以为每个可以“加粗”的元素编写一个 CSS 子句，如下所示:

.someClass{
padding: 20px;
}

.someClass.thickenMe{
padding: 25px;
}

另一种选择是同时使用边距和填充，如下所示:

.someClass{
padding: 20px;
}

.thickenMe{
margin: 5px;
}

但这可能是不可能的，具体取决于您的其他 CSS。

虽然不是纯 CSS，但最简单的解决方案是使用 JavaScript。下面是一个使用 JQuery 的例子:

var prevPad = $('.thickenMe').css('padding').replace("px", "");
prevPad =  parseInt(prevPad);
$('.thickenMe').css('padding', prevPad + 5 + "px");​