0

次のような HTML ファイルの一部があるとします。

<div data-w="20px">
    <p>this is some text this is some text this is some text</p>
</div>

以下に示すように、の<div>幅は と等しくなければなりません。data-w

div { width:[data-w]; }

セレクターとして使用できることはわかっています[attribute]が、正直なところ、これは代替手段ではありません。

div[data-w=1px]{ width:1px; }
div[data-w=2px]{ width:1px; }
div[data-w=3px]{ width:1px; }
div[data-w=4px]{ width:1px; }
div[data-w=5px]{ width:1px; }
div[data-w=1px]{ width:1px; }
div[data-w=1px]{ width:1px; }
        (...)

アイデア？

編集

重複の可能性があるものを見つけました

4

2 に答える 2

1

最も簡単な方法は、私が推測する jQuery を使用することです。

フィドル。

$("div").each(function() {
    var w = $(this).data("w");
    var $this = $(this);

    $this.width(w);
});​

コメントで述べたように、これは単なる CSS では不可能です。

于 2012-12-26T19:00:40.570 に答える