通过访问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

一些选择是：

ul.blogroll li img { 
    border: none; 
} 

或：

ul.xoxo li img { 
    border: none; 
} 

或者：

li img { 
    border: none; 
} 

或：

ul li img { 
    border: none; 
} 

Answer 2

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

ul.xoxo li img { 
    border: none; 
} 

或

ul.blogroll li img { 
    border: none; 
} 

Answer 3

没有与class="xoxblogroll"页面上的任何元素。您可以使用下面的，如果你想这两个类是存在：

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

Answer 4

那空间，在你class="xoxo blogroll"意味着浏览器解释UL认证，具有2班，“XOXO”和“的blogroll”

无论是从您的类定义是这样删除空格：class="xoxoblogroll"，或仅在你的CSS选择的2个字之一，像这样：

ul.xoxo li img { 
    border: none; 
} 

或

ul.blogroll li img { 
    border: none; 
} 

或连接的2班在你的CSS如下，如果两个类名必须存在：

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

Answer 5

嗨写信这个CSS

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

或现在你应该删除text decoration none

像这样

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

Answer 6

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

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

或

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