Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/39.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css 完成最后一个<;李>;元素以我希望的方式工作_Css_Html Lists - Fatal编程技术网

Css 完成最后一个<;李>;元素以我希望的方式工作

Css 完成最后一个<;李>;元素以我希望的方式工作,css,html-lists,Css,Html Lists,我需要帮助我的页脚在CSS 我是一名新的wordpress开发人员,我了解了如何使用它的要点,但像往常一样,我遇到了一个问题,它可能也很简单,因为我不确定如何准确地挑选出我需要的特定CSS片段。我使用Firebug,但有时我只是不确定我的CSS到底发生了什么 这是我的测试站点,所以你可以看看我要说的内容。在我的页脚中,我希望从下面爬起来的最后一个元素(档案)跟随我们。我总是可以告诉我们最后一个儿童css规则,但我知道IE忽略了这一点。那么我的下一个选择是什么?我知道如果wordpress给了列表

我需要帮助我的页脚在CSS

我是一名新的wordpress开发人员,我了解了如何使用它的要点,但像往常一样,我遇到了一个问题,它可能也很简单,因为我不确定如何准确地挑选出我需要的特定CSS片段。我使用Firebug,但有时我只是不确定我的CSS到底发生了什么


这是我的测试站点,所以你可以看看我要说的内容。在我的页脚中,我希望从下面爬起来的最后一个
  • 元素(档案)跟随我们。我总是可以告诉我们最后一个儿童css规则,但我知道IE忽略了这一点。那么我的下一个选择是什么?我知道如果wordpress给了列表单独的样式该怎么办,但在这种情况下它没有,所以我不知道该怎么办

    CSS


    什么是最好的方式使这项工作?感谢您的帮助

    如果需要支持不接受
    :last child
    选择器的浏览器,则有两个选项

  • 手动将类添加到最后一个元素并设置其样式

  • 使用javascript查找最后一个
  • 并添加一个类,然后对其进行样式设置

  • [编辑] 不幸的是,IE8/7中也不支持在中引入的非常方便的
    lastElementChild
    。这又给你留下了两个选择

  • 使用像jQuery这样的库,它有非常简单的
    $('.footer小部件li:last child')
    选择器
  • 使用常规js并通过冗长的DOM遍历找到元素

  • 我会说,在这件事上使用jQuery是愚蠢的,但是如果你要在你的网站上做其他javascript的事情,那么最好使用jQuery,对吗?否则,我将远离DOM遍历,因为它只是一种痛苦。只需手动将一个类放在最后一个
  • 上,然后使用它:)

    我看到了两种选择:

  • 在最后一个元素中添加一个类,并使用JavaScript进行自己的操作
  • 使用jQuery获取嵌套元素(我认为不必要)

    例如:

    $('.yourElement').css('property','value')

  • 补充:

    使用JavaScript获取任何元素:

      var x = document.getElementById("id");
    
    我建议你举个例子来看看。在使用JavaScript获得元素之后,不管您需要什么,都会进行操作


    我想这可能对你有帮助

    “这是我的测试网站,所以你可以看看[…]”。那么,难道不应该有一个链接吗?如果你知道什么是最后一个,你可以把class放进去。footer widgets li.last并为它制作一个样式it@ambrelasweb,您是否有要共享的链接,或者找到了合适的答案?我已经在谷歌上搜索过了,但是您知道有什么好的javascript片段可以找到最后一个元素吗?我对javascript不太熟悉。请检查我上面所做的补充。我希望它能帮助你!谢谢你的建议,但正如我前面所说的,我不懂javascript。所以我希望你能给我指一个有教程的网站。即使我尝试获取元素id,我也不知道如何获取,因为它不是用简单的html和css编写的,而是用wordpress的代码片段来确定如何设置它。当我在页脚的
  • 元素上使用firebug时,没有预定义的id或类。您的建议是getElemntById…有没有办法获取元素Id,然后让它找到最后一个
  • 是一个普通的html元素,因此如果您将其修改为
  • ,您可以像上面的示例一样将其与JavaScript一起正常使用。考虑到您是从JavaScript开始的,我建议您使用以下文档:它是最简单、最完整的文档之一。我在谷歌上搜索过它,但您知道有什么好的JavaScript片段可以找到最后一个元素吗?我对javascript不太熟悉。@ambrelasweb,你有链接要分享吗?或者找到了合适的答案吗?
      var x = document.getElementById("id");