0

こんにちは、wordpress テーマの css を編集しようとしていますが、この DIV スタイルを見て行き詰まりました。

     <li id="text-3" class="widget sbg_widget Phubadee widget_text">
        <h2 class="widgettitle  sbg_title">Title Header</h2>

次のものが必要な場合に CSS を作成するにはどうすればよいですか。

どうもありがとう。

4

5 に答える 5

2 
h2.widgettitle.sbg_title { font-size:1.6em }

説明：

.. は css のクラス セレクターであり、あなたh2は classwidgettitleとsbg_titleを持っているので、 を使用してそれらの 2 つを選択したいと思います.。

widgettitleと next の間にスペースを入れることはできないことに注意してください。スペースがある.ということは、まったく別のことを意味します。widgettitlesbg_title

于 2012-04-13T09:24:21.397 に答える
2

それを行う方法は他にもあります。必要に応じて、これをcssに追加できます

h2.widgettitle {font-size:1.6em;}

または、より具体的にしたい場合

h2.widgettitle .sbg_tittle
于 2012-04-13T09:25:46.673 に答える
2

できる方法はたくさんあります。これらのどれでも機能しますが、それを行う方法は他にもあります。

li.widget h2 { font-size:1.6em }

li.sbg_widget h2 { font-size:1.6em }

h2 { font-size:1.6em }

h2.widgettitle { font-size:1.6em }

h2.sbg_title { font-size:1.6em }

.widgettitle { font-size:1.6em } 

.sbg_title { font-size:1.6em }

li h2 { font-size:1.6em }

li>h2 { font-size:1.6em }

li#text-3 h2 { font-size:1.6em }

li#text-3 h2.widgettitle { font-size:1.6em }

li#text-3 h2.sbg_title { font-size:1.6em }

CSS セレクターについて知りたい場合は、Sitepointに、それらが何であり、どのように機能するかについての詳細な説明があります。

于 2012-04-13T09:29:10.713 に答える
0

オプション 1:
.widgettitle.sbg_title {font-size:1.6em;}

オプション 2:
.sbg_title {font-size:1.6em;}

オプション 3:
.widgettitle {font-size:1.6em;}

于 2012-04-13T09:28:16.733 に答える
0

そのアイテムをさまざまな方法で選択できます。たとえば、試してみてください

li#text-3 h2.sbg_title {
     font-size: 1.6em;
}
于 2012-04-13T09:27:30.533 に答える