1

私はCMS環境（mybigcommerce.com）でeコマースクライアントを使用していますが、タイトルは読みやすくするために多くのクリーンアップを使用できます。

5/16" x 12" ExcelMate ドリル ビットおよびパネル ドライバー — ExcelMate ドライバーなどのインストールに使用します。

私は数十、おそらく数百の製品を持ち込んでおり、製品のh1 cssを設定して、分数とemダッシュの前後のテキストを自動的にフォーマットする方法があるかどうかを確認したかったのです。一連のスパン タグを追加します。css だけで多くのことを要求していることは知っていますが、それを実行するスクリプトはありますか?

スタイル ルールの各セットを区別する文字は一貫しています (1 つのセットには em ダッシュ、分数スタイリングには分数セパレーター)。しかし、セパレーターの前後のテキストは一貫していないため、:before と :after はできません。簡単に利用できます。

これは、InDesign の印刷スタイルでできることで、時間を大幅に節約できます。jQuery と CSS でそれを行う方法があれば、非常に便利なようです。時間の大幅な節約になることはわかっています。このプロジェクトで！

アイデアをお寄せいただきありがとうございます。

更新: 申し訳ありませんが、これを動的に実行したい 2 番目の理由について言及するのを忘れていました。完了したら、クライアントが定期的な更新を引き継ぎます。クライアントはコーダーではありません。クラスに h1 タグを適用するのは難しいでしょう。単純な h1 タグだけでも適用するのは難しいでしょう。その中にスパンを適用するのは非常に困難です。これを実現するには最低でも 5 つのスパンが必要になるため、.js または jQuery を使用してタグを動的に適用すると、多くの作業が節約されるだけでなく、作業が完了したら適切に処理されることが保証されます。

4

2 に答える 2

3

これは、CSS だけでは不可能です。

CSS はタグまたはその子に適用できます。適用されるスタイルは、タグのすべてのコンテンツに適用されます。分離が必要な場合は、HTML を変更して、CSS を適用できる何らかのタグを含める必要があります。

これを分割する方法については、すでにアイデアがあります。タグを追加するために手動で行う必要はありません。おそらく、正規表現またはその他のパタ​​ーン マッチングです。

于 2012-12-11T10:30:11.663 に答える
1

1 つの方法は、:before{}および:after{} 疑似クラスを使用することです。しかし、それはあなたの選択に合わないと思います。

別の方法として、フォント ライブラリをインポートし、javascript cufon を使用してこれを行うこともできます。たとえば、選択をフィルタリングして、異なるスタイルを使用させることができます。たとえば、以下の例では見出しと li のフォントが異なります。

これはほんの一例です。

<script type="text/javascript">
    Cufon.replace('h1, h2, h3, h4 , ul li', { fontFamily: 'Myriad Pro', textShadow: '#fff 1px 1px', hover:true,fontSize:'16px' });
</script>
于 2012-12-11T10:34:18.557 に答える