小编use*_*515的帖子

我正在尝试将CS​​S应用于父容器元素的任何直接子元素.如何使用CSS的后代<选择器来选择任何直接子节点而不管类型(div/span/etc).

什么是适当的CSS选择器来选择类中的第一个div或具有特定的id？使用父/子元素这似乎更容易,但我没有找到任何简单元素.

更新:解决方案

我找到的最干净,最兼容的解决方案是.class~ .class,它选择跟在前一类之后的所有后一类.例如,如果要从其类中的第一个元素中删除顶部边框,您将:

<style>
    .dolphin {
        border-top:0;
        }
    .dolphin ~ .dolphin {
        border-top:1px solid #000;
        }
</style>

我正在开发一个有三个实体的webapp:User,Project和Todo.

每个Todo都与Projects有着多对一的关系.Todos还与用户建立了多对多的关系.

我想要做的是检索包含已分配给给定用户的待办事项的项目.

我的代码如下.$ id已设置为我想要检索项目的user_id

$em = $this->getDoctrine()->getEntityManager();
$projects = $em->createQuery("SELECT p FROM projects p INNER JOIN p.todos t WITH t.assigned_to = :id")
    ->setParameter('id', $id)
    ->getResult();

每当我运行此查询时,我会收到以下错误:

[语义错误]第0行,第79行'assigned_to ='附近:错误:无效的PathExpression.期望StateFieldPathExpression或SingleValuedAssociationField.

对我做错了什么的想法？谢谢.

我注意到，即使您使用相同的混合模式，使用mix-blend-mode结果也不同于使用结果background-blend-mode。

例如，比较下面的2个结果：

我已经在下面的设置和JSFiddles中复制了：

的HTML

<div class="background">
  <div class="overlay"></div>
</div>

的CSS

.background{
  width:200px;
  height:200px;
  //background-color:green; //toggle depending on what you want to use
  background-blend-mode:soft-light;
  background-image:url('http://lorempixel.com/output/nightlife-q-c-640-480-2.jpg');
  background-size:cover;
}

.overlay{
  width:100%;
  height:100%;
  background-color:green; //toggle depending on what you want to use
  mix-blend-mode:soft-light;
}

JSFiddle

使用混合混合模式：https : //jsfiddle.net/p8gkna87/

使用background-blend-mode：https : //jsfiddle.net/p8gkna87/1/

一些背景资料

我目前正在复制使用柔光混合模式的Photoshop设计，同时还使用51％的不透明度。因此它将无法使用，background-blend-mode因为不透明度不能应用于同一对象。