-4

そこで、Stylish アドオンを使用して Web ページを好みに合わせて編集しています。ul 要素があり、一部のアイテムをアイコンにしたい、一部のアイテムを非表示にしたい。だから私はそれをすべて設定しました、そしてそれはうまくいきます。ただし、Webサイトがリストにもう1つの要素を追加してすべてを台無しにすることがあります。これは、n番目の子セレクターを使用していて、明らかに各要素の数が変更されるとcssが壊れるためです。

だから、n番目の子以外のli要素を選択するより良い方法があるかどうか疑問に思っていましたか? より具体的な方法は？それぞれにヘッダーがあります...それらを選択するためにそれを使用する方法はありますか?

私がちょうど持っていた別のアイデアは、新しいリスト項目が一番上に追加されるため、最後のliから逆に数えることができるかもしれません...それを行う方法はありますか?

4

2 に答える 2

1

属性などの属性のような別のセレクターを使用できdataます。

また、たとえば aclassまたはid

HTML:

<ul>
    <li id="id-1" class="id-1" data-id="1">Element</li>
</ul>

CSS:

li#id-1{
    //something...
}
// or
li.id-1{
    // something...
}
// or
li[data-id="1"]{
    // something...
}

更新日:

CSS:

li:first-of-type{
    // something...
}
// or

li:last-of-type{
    // something...
}

よろしく

于 2016-12-14T23:30:18.963 に答える