html - Firebugでスタイルを設定したいCSSを取得する最良の方法は?

Question

drupal を使用してテーマを作成していますが、これは html を使用するすべての css/html に当てはまると思います。

私は基本的にfirebugに入り、スタイルを設定したいアイテムのCSS PATHをコピーしています..しかし、CSSは非常に長いです..これがここで物事を進める正しい方法であるかどうかはわかりません.

ここに私が何を意味するかを示す画像があります..

CSSの長さがどれくらいかわかりません。firebug CSS の最後の部分をコピーする必要がありますか?

http://i.imgur.com/qoLYBZG.png

Answer 1

残念ながら、CSS セレクターの作成は多くの場合手作業であり、基本的な CSS の知識が必要であり、HTML/CSS 開発者の作業の中で最も時間のかかる作業の 1 つです。

div#block-menu...セレクターに直接行くと、非常に明確な事実は、x-path のセレクターが、フラグメントの直前で、その長さの 3 分の 1 に確実にカットされる可能性があるということです。id自身でターゲットを選択する場合、親の名前を記述する必要はありませんid。しかし、繰り返しになりますが、その最適化には CSS の知識が必要です。

Answer 2

あなたが持っている例から、私はおそらく次のCSSセレクターを使用するでしょう:

#block-menu-menu-user-menu li {
    float: left;
}

ID を作成したのがあなたなのか drupal なのかはわかりませんが、ID とクラス名が短い方が CSS セレクターを記述しやすくなります。

Answer 3

Firebug は、必要な要素まで長い道のりをたどります。コードにこれがあります：

<ul class="menu">
    <li class="first leaf">...</li>
    <li class="last leaf">...</li>
</ul>

これはあなたの問題を解決するかもしれません:

.menu li {
    float: left;
}