用于输入的Css选择器，其名称包含两个单词？

Question

可以使用此选择器

$( "input[name~='man']" )

标识页面中包含单词＆＃39; man＆＃39;但如果我需要选择，而不是单个单词模式，即“男人”，则包含两个单词的模式，如“（任何）”复选框（任何）复选（任何）人（任何）＆＃39;这样

<input name="checkbox-foo-man">
<input name="checkbox-bar-man">
<input name="foo-checkbox-foo-man-foo">

被选中了？可能的是，提出了正确的顺序，即复选框＆＃39;之前＆＃39; man＆＃39;

Answer 1

通过组合选择器，您可以在没有正则表达式的情况下完成此操作。我不认为这是一种确保订单的方式。

＆＃13;

＆＃13;

[name*="foo"][name*="bar"] {
  color: red;
}

＆＃13;

<div name="foo-bar"> foo-bar </div> <!-- selected -->
<div name="bar-foo"> bar-foo </div> <!-- selected -->
<div name="foo-bar-baz"> foo-bar-baz </div> <!-- selected -->
<div name="foo-baz"> foo-baz </div>
<div name="bar-baz"> bar-baz </div>

＆＃13;

＆＃13;

＆＃13;