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

页面上没有class="xoxblogroll"的元素。如果您希望存在两个类，则可以使用以下内容：

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

Answer 2

class="xoxo blogroll"中的空格意味着浏览器将ul解释为有2个类，“xoxo”和“blogroll”

从类定义中移除空格，如下所示：class="xoxoblogroll"，或者只选择css中2个单词中的一个，如下所示：

ul.xoxo li img {
    border: none;
}

或

ul.blogroll li img {
    border: none;
}

如果两个类名都必须存在，

或连接CSS中的2个类，如下所示：

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

Answer 3

一些选择者是：

ul.blogroll li img {
    border: none;
}

或：

ul.xoxo li img {
    border: none;
}

或：

li img {
    border: none;
}

或：

ul li img {
    border: none;
}

Answer 4

您好现在写这个css

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

或现在你应该移除 text decoration none

就像这样

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

Answer 5

试试这个。像这样给出正确的图像识别方法

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

或

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

Answer 6

我不认为你的类选择器是正确的，你确定你可以像这样将两个类名称推到一起吗？尝试：

ul.xoxo li img {
    border: none;
}

或

ul.blogroll li img {
    border: none;
}

通过访问html树更改图像边框

6 个答案: