小编Azi*_*ziz的帖子

我遇到了CSS中动态边框的一个不寻常的问题.我试图通过将其宽度设置为零border-left-width:0;或使用来"恢复"/显示已禁用的边框的某一面border-left:none;

问题是我不想重复相同的边界属性,因为它应该是一个自适应动态解决方案,其中隐藏边框应该继承元素已经设置的边界.

示例代码:JSFiddle

/* ================== chic ==================  */

body, html {
    margin: 0;
    padding: 0;
    font-family:Verdana, sans-serif;
    height: 100%;
    text-align: center;font-weight: bold;
    background:#62726b;
    color:#abd4b1;
}

div {
    padding:50px;
    position: absolute;
    left:0;
    right:0;
    margin: 0 auto;
    width:50%;
    top:50%;
    transform:translateY(-50%);
}

/* ============= setting border =============  */

div {
    border:5px dashed #abd4b1;
    border-right:none;   /* hide right border */
    border-left-width:0; /* hide left border by setting width to zero */
}

/* restoring borders */

div { …

在 Chrome 和 Firefox 中使用filter: brightness(x)元素会导致内部文本变得模糊。这是期望的行为吗？如果没有，这个问题可以解决吗？这是一个演示这个问题的小提琴：

https://jsfiddle.net/dye2n0xv/

button {
  border: none;
  background: linear-gradient(#53a423, #2f6c04);
  color: #fff;
  font-weight: bold;
  padding: 10px;
}

button:hover {
  filter: brightness(100%);
}

<button>
Some button label
</button>

只需将鼠标悬停在按钮上并注意文本即可。当然，100% 的例子很愚蠢，在我的用例中，我需要 125% 之类的东西，但我想确保浏览器不会试图显示比白色更白的白色，这就是为什么我选择 100%理论上根本不应该改变该元素。

我试图使用行号,ROW_NUMBER()但它显示以下错误:

无法格式化消息13:896 - 未找到消息文件C:\ WINDOWS\firebird.msg.动态SQL错误.SQL错误代码= -104.令牌未知 - 第2行,第66列.

这是我的代码:

SELECT  avg(CSIDTL.RATING) ,SVD.SVCADVISORNAME, ROW_NUMBER() OVER(ORDER BY avg(CSIDTL.RATING) )
        FROM T_APPT_BOOKING_MSTR MSTR ,T_APPT_CSI_SURVEY CSI,T_APPT_CSI_SURVEY_DTL CSIDTL,
        T_SVC_SVCADVISOR_MASTER SVD
        WHERE MSTR.APPTBKID = CSI.APPTBKID
        AND CSI.CSI_SURVERYID = CSIDTL.CSI_SURVERYID
        AND SVD.SVCADVISORID = MSTR.SVCADVISORID
        AND CSI.FEEDBACK_STATUS = 'Y'
        AND CSIDTL.question ='Service Advisor'
        GROUP BY SVD.SVCADVISORNAME
        ORDER by avg(CSIDTL.RATING)

我正在使用Angular Material.我已经成功创建了一个导航栏和一个下拉菜单.

它看起来像这样:

我想把它移到DROPDOWN左边.现在,它出现在中心周围.

HTML代码:

<md-toolbar layout="row" class="md-whiteframe-z3" style="padding: 0px;margin:0px;float: left;">
    <h2>Material NavBar</h2>
    <md-menu>
        <md-button md-menu-origin ng-click="$mdOpenMenu()">Dropdown</md-button>
        <md-menu-content width="2">
            <md-menu-item>
                <md-button>Help</md-button>
            </md-menu-item>
            <md-menu-item>
                <md-button>About</md-button>
            </md-menu-item>
        </md-menu-content>
    </md-menu>
    <md-button aria-label="Go Back">
        Go Back
    </md-button>
    <md-button>Item 1</md-button>
    <md-button>Item 2</md-button>
</md-toolbar>

如何修改代码以移动DROPDOWN到文本旁边的左侧Material NavBar？

我没有auto价值。如果应用height它，将采用孩子的身高，但是如果应用width它，将采用父母的身高。

该auto值本身没有MDN帖子，并且Google会生成“ 100％VS自动”匹配，而不是“ width：auto VS height：auto”匹配。

为了满足我当前的需求，我希望将一个元素扩展到其孩子的宽度，但总的来说，我希望知道如何处理auto。

 .divXS {
   width: 100px;
   height: 100px;
   background: green;
 }
 
 .divXXS {
   width: 50px;
   height: 50px;
   background: yellow;
 }
 
 .divSM {
   width: 200px;
   height: 200px;
 }
 
 #Father {
   background: blue;
   border: 3px solid #20295E;
 }
 
 #Mother {
   background: pink;
   border: 3px solid #DB6DBE;
 }
 
 #Daughter {
   width: 100%;
   height: 100%;
 }
 
 #Son {
   width: auto;
   height: auto;
 }

<div class="divSM" id="Mother">
  <div class="divXS" id="Daughter"> …

我试图弄清楚为什么.x比*.x预期后者获胜更具特异性.

不*.x应该有0-0-1-1(1类,1标签)的具体情况,而.x只是一个类0-0-1-0？

请考虑以下基本代码:

*.x { color: blue; }

.x { color: red }

<p class="x">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Atque, nam.</p>

它应该是蓝色的.为了演示预期的行为,我替换*为另一个元素(p):

p.x { color: blue; }

.x { color: red }

<p class="x">This time it works.</p>

我正在使用Materialise CSS卡,可以在这里找到:http://materializecss.com/cards.html

我创建了卡片但问题是卡片没有显示在一行中.我希望它们具有响应性,所以如果页面宽度足以在一行中显示两张卡片,它应该显示它们,但在我的情况下它们不会显示在一行中.

我尝试了所有类型的显示风格,即:inline,inline-block,table,table-cell,run-in,block,等,但没有表现出他们在同一行.

这是我的代码:

<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.6/js/materialize.min.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.6/css/materialize.min.css" rel="stylesheet" media="screen,projection"/>
<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <meta content="IE=edge" http-equiv="X-UA-Compatible">
    <meta content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no, width=device-width" name="viewport">
    <link href="http://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">

    <!--Let browser know website is optimized for mobile-->
    <title>My Works</title>
  </head>
  <body>
    <div class="row">
      <div class="col s12 m4">
        <div class="card" style="display:run-in;">
          <div class="card-image">
            <img src="http://www.ilikewallpaper.net/ipad-wallpapers/download/2268/Square-Pattern-ipad-wallpaper-ilikewallpaper_com.jpg">
            <span class="card-title" style="width:100%; background: rgba(0, 0, 0, 0.5);">Sample1</span>
          </div>
          <div class="card-content"> …

如何使用PHP函数删除数组中的项？我尝试了以下但阵列仍未受影响:

<?php

$fruits = ["banana", "apple", "kiwi", "pear"];

function deleteFromArray($arr) {
    unset($arr[0]);
    $arr = array_values( $arr );
}

deleteFromArray($fruits);

var_dump($fruits);
// returns the array without any changes...

W3C在Selectors 4中引入了一个新的方向检测伪类.我想知道它与普通属性选择器有什么区别:

CSS2 - 属性选择器

E[dir="rtl"] { ... }

选择器4 - dir伪类

E:dir(rtl) { ... }

为此创建一个新的伪类是否有特定的原因？这些选择器是相同的还是它们的行为不同？是否有任何表现或特异性影响？