LIタグのスタイルシートを作りたいです。

質問

<li>タグを使うと、他の人が設定したスタイルシートが効いてしまう
ので、スタイルシートを無効にするか、
独自に、<ul><li>を使ったように見えるスタイルシートを
書きたいのですがどのように書けば良いでしょうか？

.org_li {
}

回答No.3

chinka · ベストアンサー

>他の人が設定したスタイルシートが効いてしまう

私もこれがちょっと分からなかったんですが、
こういうことなのかなと自分なりに解釈しての回答です。
的を得ていなかったら申し訳ありません。

li {width:100px}/*例1*/
li.org {width:200px}/*例2*/
.org li {width:300px}/*例3*/

上記の3つは全て意味合いが違います。
それぞれに違う内容（例えばそれぞれに違うwidthの数値を入れる）
にしても1つのhtml内で3種類のliが使えるということになります。

例1は普通に使うリスト（上記CSSの場合横100px
<li>リストのテストです</li>

例2は「org」という名前のついたリストという意味合い（上記CSSの場合横200px
<li class="org">こんな風につかいます</li>

例3は「org」という要素の中につかうリスト（上記CSSの場合横300px
<div class="org">
<li>こんな風につかいます</li>
</div>

「他の人」というのを「他のli」と解釈したんですが、
全然違ってたらすみません。

回答No.2

noname#100277

>>他の人が設定したスタイルシートが効いてしまう
どう云う意味ですか？
閲覧ブラウザでの話しですか？

リストに直接CSSを設定すれば良いのでは？
ソレか内部乃至外部に設置と・・・

回答No.1

noname#66720

他の要素にリストマーカーを付けたいとかであれば

p {
　display:list-item;
　list-style:outside disc;
}

とかでもいけますが、liタグを使うのは意味があってのことなのでその他の設定というのを消すか、上書きできないようにしてはどうでしょう？

例えば

.org_li {
　color:red !important;
}

のように、上書きさせたくない指定の後に !important を指定することで、こちらの指定が優先され、上書きされなくなります。