相关疑难解决方法(0)

我一直在阅读CSS不区分大小写,但我有这个选择器

.holiday-type.Selfcatering

当我在我的HTML中使用时,就像这样,被拾起

<div class="holiday-type Selfcatering">

如果我像这样改变上面的选择器

.holiday-type.SelfCatering

然后风格没有被提起.

有人说谎.

如何选择id以"player_"开头的所有元素？

我有这样的多个元素:

<div id="player_290x3dfda">text</div>

每个人id都有一个独特的印章.如何使用jQuery或纯CSS选择所有这些元素？

例如,如果我想使用jQuery选择某个具有某个类的元素,并且仅仅因为这个原因,是否应该总是期望这些类应该在css中定义？

<div class="xyz">
something
</div>

<div class="xyz">
something else
</div>

//with example jQuery
$(".xyz").hide();

//is it wrong no element 'xyz' is defined in css?

在一个页面中为多个元素提供相同的ID是否安全？例如,当您使用某些jquery插件时,当您运行两次或更多滑块或库时,通常会发生这种情况.我们知道,开发人员喜欢给html容器提供一些ID,以便脚本更快地运行.

我们来看看w3.org文档:

使ID类型属性特殊的原因是没有两个这样的属性可以具有相同的值; 无论文档语言如何,ID属性都可用于唯一标识其元素.

但是具有相同ID的2个元素的下一个示例在所有浏览器中都可以正常工作,尽管它无效:

#red {
  color: red;
}

<p id="red">I am a red text.</p>
<p id="red">I am a red text too.</p>

任何人都能解释这种奇怪的情况吗？

.foo bar:last-of-type {
  background-color: red;
}

<div class="foo">
  <bar>bar</bar>
  <bar>bar</bar>
  <bar>bar</bar>
  <span>span</span>
</div>

<div class="foo">
  <bar>bar</bar>
  <bar>bar</bar>
  <bar>bar</bar>
  <baz>baz</baz>
</div>

bar在Chrome和Firefox中，两种情况下的最后一个都显示为红色。但是，在IE11和Edge中，它在第二种情况下不起作用。这是怎么回事？

对于默认情况下所有项目都隐藏的项目列表，第一个项目的名称li为displayof block。问题是，如果第一个元素被删除，这将不会更新，事实上创建了一个应该显示的新的第一个子元素。在 Safari 中，应该显示的新内容li不会显示。

超文本标记语言

<ul class="list">
  <li class="item">1</li>
  <li class="item">2</li>
  <li class="item">3</li>
</ul>
<button>click me </button>

CSS

.list .item { display: none } 
.list .item:first-child { display:block}

JS

$('button').on('click', function(e) {
  $('ul li:first').remove().appendTo($('ul'));
});

请参阅小提琴：http://jsfiddle.net/BFTan/1/

在所有其他浏览器中，单击该按钮将循环浏览项目，但在 Safari 中不会进行任何更新。

$('.desktop_search').css({
    visibility: 'visible',
    width: '100%',
    opacity: '1'
});

例如，我正在desktop_search使用上面的 JS 更改带有类的元素。首先在我的 CSS 样式表中提供所有这些 CSS 并直接执行会更好吗？toggleClass(new_class_name)或者如果我执行上述操作，情况是否相同？我这样问是因为我使用 JS 更改了很多 CSS 样式，我担心它可能会影响我的性能。我使用的大部分 JS 是在单击特定元素或滚动页面等时更改 CSS。

编辑：

更多细节。例如，当我单击which is时，我希望一个元素this_element_will_expand从 展开width: 0为。因此，我将使用这个JS：width: 100%trigger_a_elementa

$('.trigger_a_element').click(function() {
    if ($('.this_element_will_expand').css('width') == 0)
        $('.this_element_will_expand').css('width', '100%');

    else
        $('.this_element_will_expand').css('width', '');
});

假设我有这个代码:

<div class="red hide">
  <!-- More tags here -->
<div>

和:

<style>
  .red {
    background-color: red;
  }
</style>

最后:

$(function() {
  if (someConditionIsTrue) {
    $('.hide').hide();
  }
})();

如果使用CSS类作为逻辑(例如上面的例子),它可以吗？

请注意,此处的类.hide不用于任何样式,仅用于逻辑.