小编Nat*_*ate的帖子

我有以下html:

<table class="code-table hljs">
  <tbody>
    <tr class="code-row">
      <td class="line-number unselectable">1</td>
      <td class="code-col">one</td>
    </tr>
    <tr class="code-row">
      <td class="line-number unselectable">2</td>
      <td class="code-col">two</td>
    </tr>
    <tr class="code-row">
      <td class="line-number unselectable">3</td>
      <td class="code-col">three</td>
    </tr>
  </tbody>
</table>

相关的CSS:

.unselectable {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

在Firefox和Chrome中,如果我选择全部(ctrl-a),我期望发生的事情,只选择"一个","两个"和"三个",而不是行号.但是,当我粘贴剪贴板中的内容时,我会得到不同的结果:

Chrome输出:

one
2 two
3 three

Firefox输出:

one

two

three

所以Chrome正在复制除了第一个之外的每个不可选择的行,而firefox正在添加一个额外的行,其中不应该有一行.

目前的Chrome版本为54.0.2840.71 m,当前的firefox版本为49.0.2(两者都可以user-select: none;根据http://caniuse.com/#feat=user-select-none使用

目前有可能解决这个问题吗？

编辑 请注意,我收到的表正在由另一个库呈现,我真的只能操作这些类.

说我有以下枚举类型:

private enum ranks { ace = "Ace", two = "2", three = "3", four = "4", five = "5", six = "6", seven = "7", 
                     eight = "8", nine = "9", ten = "10", jack = "Jack", queen = "Queen", king = "King" }

ranks rank;

我知道我可以做像sizeof(排名)这样的事情,但有没有办法获得排名第n项？假设用户输入4并且我想将排名设置为第4个枚举而不明确地执行:

rank = ranks.four;

我怎样才能做到这一点？

(为了这个例子的目的,假设我必须使用枚举,并且我知道还有其他集合更适合这个问题.)

谢谢您的帮助.:)

我知道我想保持我的风格和内容分开,所以假设我想显示:

<h1>ROYGBV</h1>

在一个页面上,每个字母也是它的匹配颜色,最佳做法是什么？

可不可能是:

<h1><font color="red">R</font><font color="orange">O</font>

等等？假设我在段落中有多个单词需要着色如下:

莎莉在黄色太阳下的蓝色海边发现了所有的RED贝壳......

是否可以在HTML上使用字体标记？我能想到的唯一选择是将它们放在span标签中并添加一个类.这将允许我在css文件中更改我对red的所有迭代的red定义.

我有以下样式:

button {
    background-color: blue;
}
.green {
    background-color: green;
}
.red {
    background-color: red;
}

以下是jQuery:

    $('button').click(function(e) {
        $(this).toggleClass('red');
    });
    $('button').hover(function(e) {
        console.log('hoverin');
        $(this).toggleClass('green');
    });

我希望所有按钮具有以下功能:

单击按钮时,应在红色和蓝色背景之间切换.当一个按钮悬停在上面时,它应该切换绿色背景.只有当背景为蓝色时,才能在上面的代码中使用.我假设它是因为css特异性.

如果是这种情况,并且我希望所有按钮具有此功能,那么当它们具有相同的css特异性时,如何在红色和绿色之间切换？

链接到小提琴:http://jsfiddle.net/rtq2yoxx/