Question

我发现这篇文章几乎就是我想在我的Owncloud服务器上完成的事情 - Hide the second element within a class

从建议的答案（有很多），最后的评论说需要以下内容：

.fileactions > a:nth-child(2) {
  display: none;
}

我的问题是......我在哪里放这些代码？我无法从答案中说出这个位置？我在Owncloud中有一个名为fileactionsSpec.js的.js文件。它是唯一一个我在其中找到带有action-download字样的代码的地方。我是否添加此代码：

.fileactions > a:nth-child(2) {
   display: none;
}

到那个.js文件的末尾？

感谢。

Answer 1

你不应该将它放在JS文件中。您需要在CSS文件中添加它，例如：style.css，style.css文件应引用为：

<link rel="stylesheet" href="style.css" />

上述代码必须添加到HTML页面的<head>部分。

如果您只需要JS方法，则需要像这样添加它：

var css = '.fileactions > a:nth-child(2) {display: none;}',
    head = document.head || document.getElementsByTagName('head')[0],
    style = document.createElement('style');

style.type = 'text/css';
if (style.styleSheet){
  style.styleSheet.cssText = css;
} else {
  style.appendChild(document.createTextNode(css));
}

head.appendChild(style);

你的CSS说，就像Jaaaaaaay所说：

<div class="fileactions">
   <a>This is visible</a>
   <a>This is invisible</a> <!--it will hide this one-->
</div>

希望这会有所帮助。请阅读HTML和CSS简介。

Answer 2

将它放在你的css文件中，因为

.fileactions > a:nth-child(2) {
   display: none;
}

表示

 <div class="fileactions">
   <a>This is visible</a>
   <a>This is invisible</a> <!--it will hide this one-->
</div>

Answer 3

此代码是CSS，而不是javascript。您应该将其添加到.css文件或页面本身的标记中。

隐藏类中的元素 - 在哪里添加代码以隐藏元素？

3 个答案: