小编Bho*_*yar的帖子

选择菜单项类型为"类别博客,列出所有类别和类别列表"将导致所有子类别链接不直接到所有子类别的文章.

但我想直接显示所有子类别的文章.

main-category
   sub-categories
       cat-1
            article
            article
            .......
       cat-2
            article
            article
            .......
       cat-3
            article
            article
            .......

现在,如何显示所有主要类别的文章？

好的,如果这是重复,我道歉 - 但我无法在任何地方找到任何有效的答案.

我希望有两个div(每个50%宽度)并排......所以左边和右边 - 内容div的内部(see photo below).

我希望他们的最小宽度为300px,一旦页面小于600px(这两个div都将达到他们的分钟)我想要divs包装..所以一个在另一个上面.

我试图在这里做到这一点:小提琴, 但我遇到了问题.

这正是我想要的:

假设我有这样的背景:

正常的重复背景看起来像这样:

现在我希望背景图像的反向重复应该如下所示:

即使可能再次反复重复,如下所示:

无论如何,第三个选项是不必要的因为我们可以通过重复图像来制作

我们可以使用这样的查询选择器清除CSS样式表缓存:

<link rel="stylesheet" type="text/css" href="stylesheet.css?v=1.0" />

每当我们更改样式表并需要浏览器清除我们的CSS样式表时,我们可以更改版本号,如1.1,1.2等.

清除HTML数据有什么类似的东西吗？

我有这样的HTML标记:

<img src="picturename.jpg" /><!--picture of a **man**--->

后来我需要更改图片,但文件名相同:

<img src="picturename.jpg" /><!--picture of a **woman**--->

我删除了男人的照片,上传了女人的照片.但是当我在浏览器中查看时,它显示的是缓存图片,即使在非常干净的刷新(Ctrl + F5)之后也是一个人的图片,并且还清除了浏览器具有的设置.

更新

每次清除缓存都不是一个好主意我开始知道所以我想通过jquery实现这个以下概念:

1. 首先将图像src设置picturename.jpg为 picturename.jpg?v=1
2. 将号码存储在本地存储或cookie中.但我很困惑使用cookie,就像用户删除cookie一样,然后存储的变量也将被删除,因此将其存储在本地存储中会更好.
3. 检索本地存储变量编号并检查是否超出了全局变量编号,然后只更改图片src编号,如下所示:

var cnum = 1; // author will change this number when needed
$(document).ready(function(){
var ccnum; // store in local storage then increase the number if cnum is greater than ccnum
//now change the src as of image

我需要更改所有图库图像的src,$('#mygallery img')实际上我有数百张图片需要更改一段时间后需要相同的文件名.

我该怎么办？

我正在尝试更改必填字段的浏览器默认边框样式，该字段在 Firefox 中使用 box-shadow 并在 chrome 中使用轮廓。

所以，我这样做：

*{
    box-shadow: none;
    outline: none;
}
input{
    border: 2px solid black;
}
input:invalid{
    border: 2px solid red;
}

但这在窗口加载时显示红色边框。但我希望它只有在无效时才为红色。

演示

我该如何解决问题？

是否可以仅为特定元素禁用javascript？

假设,div与id foo有一些javascript代码可能是内联,内部或外部JavaScript代码.

现在,取消绑定该元素的所有javascript代码(也可能包括子代).

目前我类似于以下树结构:

+images
    +sub-directory
       -image1.jpg
       -image2.jpg
    +sub-directory-2
       -image3.jpg
       -image4.jpg
    -some-image.jpg
    -another.jpg

<script>
<?php
//path to directory to scan. i have included a wildcard for a subdirectory
$directory = "images/*/";

//get all image files with a .jpg extension.
$images = glob("" . $directory . "*.jpg");

$imgs = '';
// create array
foreach($images as $image){ $imgs[] = "$image"; }
echo "var allImages = ".$imgs.";\n";
?>

console.log(allImages);
</script>

因为我对php非常陌生,所以我会盲目地Array()在控制台中登录.

此外,我已经设置了$directory = "images/*/";哪些只会在子文件夹中获取所有图像,但不会在父目录中获取可能的图像 images/some-image.jpg,我也希望得到它.

我想要像这样的数组中的所有图像(当我使用时console.log(allImages);):

['some-image.jpg','another.jpg','image1.jpg','image2.jpg','image3.jpg','image4.jpg']

有一堆伪元素和类:

伪元素:

:: after,:: before,:: first-letter,:: first-line,:: selection,:: backdrop

伪类:

:active,:checked,:default,:dir(),: disabled,:empty,:enabled,:first,:first-child,:first-of-type,:fullscreen,:focus,:hover,:indeterminate, :in-range,:invalid,:lang(),:last-child,:last-of-type,:left,:link,:not(),:nth-​​child(),:nth-​​last-child( ),:nth-​​last-of-type(),:nth-​​of-type(),: only-child,:only-of-type,:optional,:out-of-range,:read-only,: read-write,:required,:right,:root,:scope,:target,:valid,:visited

还有其他像:: - webkit-input-placeholder,:: - moz-placeholder等等.我不知道它们是什么元素.但我认为它们是伪元素,因为它有双冒号.

有一个星号选择器*来选择DOM-Tree内的所有元素.

现在,我很想知道为什么没有单个选择器来选择所有伪元素和DOM-Tree之外的伪类,即使在css3或css4中也是如此？

*pseudo{
  color: red;
}

我在div <div id="Section1"> abc </div>和链接中有一个Id<a id="link" href="#Section1">Section1</a>

问题:当我滚动页面和页面到达id时,#Section1应该在链接中添加一个类,链接应该是<a id="link" href="#Section1" class="ok">Section1</a>

我有一个小的Vue.js组件,它显示了一个喜欢的星形图标.点击图标收藏夹/不喜欢该元素.到目前为止,我只实现了UI部分,如下所示:

<template>
  <div :key="favorite">
    <a v-on:click="toggleFavorite" style="cursor: pointer">
      <i v-show="favorite" class="text-warning fas fa-star"></i>
      <i v-show="!favorite" class="text-warning far fa-star"></i>
    </a>
  </div>
</template>

<script>
export default {
  data() {
    return {
      favorite: true,
    }
  },
  mounted() {
  },
  methods: {
    toggleFavorite() {
      this.favorite = !this.favorite
    }
  },
  props: ['team-id'],
}
</script>

<style scoped>
</style>

如您所见,逻辑非常简单.

这种运作良好,但有一件事困扰我的是,如果我删除了:key从我的模板特性,图标是不是当我点击它更新(即使我已经检查了相关物业的确实正确更新).添加:key使它工作,我想是因为它强制Vue.js在favorite更新时完全重新渲染组件.

为什么会这样？我对JS框架的世界相当新,所以请原谅我可能遗漏的任何明显的东西.我在网上做了一些研究,但找不到解释.我只是想确保我以正确的方式做事,而不仅仅是在这里解决这个问题.