html - html ツリーにアクセスして画像の境界線を変更する

Question

<ul class="xoxo blogroll">
    <li>
        <a href="" target="_blank"><img src="x.png" alt="image"></a>
    </li>
    <li>
        <a href="" target="_blank"><img src="x2.png" alt="image2"></a>
    </li>
    <li>
        <a href="" target="_blank"><img src="x3.png" alt="image3"></a>
    </li>
</ul>

から境界線を削除したいと思います。

私は試してみます：

ul.xoxo.blogroll li img {
    border: none;
}

しかし、機能していません。構文は正しいですか?

Answer 1

There is no element on the page with class="xoxblogroll". You can use the following, if you want the two classes to be present:

ul.blogroll.xoxo li img {
    border: none;
}

Answer 2

こんにちは今このcssを書きます

.xoxo.blogroll li img{
border:0;
}

または今、あなたは削除する必要があります text decoration none

このように

.xoxo.blogroll li a{
text-decoration:none;
outline:0;
}

Answer 3

That space in your class="xoxo blogroll" means the browser interprets the ul as having 2 classes, "xoxo" and "blogroll"

Either remove the space from your class definition like this: class="xoxoblogroll", or select only one of the 2 words in your css, like this:

ul.xoxo li img {
    border: none;
}

or

ul.blogroll li img {
    border: none;
}

or concatenate the 2 classes in your CSS as follows, if both class names have to be present:

ul.xoxo.blogroll li img {
    border: none;
}

Answer 4

これを試して。このような画像識別の適切な方法を教えてください

ul.xoxo.blogroll li a img {
border: none;
}

また

ul.xoxo.blogroll li a img {
border: 0px;
}

Answer 5

いくつかのセレクターは次のとおりです。

ul.blogroll li img {
    border: none;
}

また ：

ul.xoxo li img {
    border: none;
}

また ：

li img {
    border: none;
}

また ：

ul li img {
    border: none;
}

Answer 6

あなたのクラス セレクターが正しいとは思いません。そのように 2 つのクラス名を一緒にプッシュできますか? 試す：

ul.xoxo li img {
    border: none;
}

また

ul.blogroll li img {
    border: none;
}