小编use*_*265的帖子

我想在div中设置h1标题,但无论我尝试什么,它总是保持粗体.

小提琴

HTML

<div class="header">
<h1> Hello World </h1>

CSS

.header h1{
font-style: normal;
color: grey;
}

如何解决输入字段以设置setCustomValidity？这是行不通的:

小提琴

$('#numberinput').val("").setCustomValidity('The two email addresses must match.');

我正在开发一个项目,其中占位符颜色由开发人员全局定义.但是现在我需要为具有不同占位符颜色的表单设置样式.我该如何正确处理？

小提琴

CSS

::-webkit-input-placeholder {
color: red;
}
:-moz-placeholder {
color: red;

}
::-moz-placeholder {
color: red;

}
:-ms-input-placeholder {
color: red;

}


.box input::-webkit-input-placeholder, .box textarea::-webkit-input-placeholder {
  color: blue;
}
.box input:-moz-placeholder, .box textarea:-moz-placeholder {
  color: blue;
}
.box input:-ms-input-placeholder, .box textarea:-ms-input-placeholder{
  color: blue;
}

我想要一个通过百分比的操作边缘的子div.y位置应为父div的50%.但它在某种程度上更多.为什么不是50%？

小提琴

HTML

<div class="content">
  <header></header>
</div>

CSS

.content {
  width: 300px;
  height: 200px;
  background: blue;
  position: relative;
  clear: both;
 }

.content header {
   width: 100px;
   height: 100px;
   margin-top: 50%;
   background: red;
   position: relative;
   float: left;
}

我正在读我的同事的代码,我想知道性能是否可以提高.对于任何按钮事件,都有类似的代码:

一个)

$("body").on("click", ".aButtonName", function() { ....});
$("body").on("click", ".aButtonName", function() { ....});
$("body").on("click", ".aButtonName", function() { ....});

....
$("body").on("click", ".aButtonName", function() { ....});

b)点击主体后,分析每个目标事件会更快吗？

  $(document.body).on('click', function( e ){

var trg = $(e.target).closest('button');
if(!trg || !trg.attr('class'))
  return;


if ( trg.attr('class').indexOf('my_button') > -1) {
  ....

在创建 React 应用程序文档中，它说 App.css 已导入 App.js 中。还有一种方法可以从组件加载编译后的 css 文件吗？

// 我的视图组件

import styles from '../../App.css';

我想添加一个类,并在500毫秒后删除它.它不适用于delay().举一个简单的例子,我在这里用背景颜色做:

代码笔

jQuery的

$('.box').click(function(){

 $('.box').addClass("bg1").delay(500).removeClass("bg1");
});

我正在使用Def Extreme网格，并且希望每行都有一个按钮，以便可以更改一行的数据。在buttonClick的示例中，我想将汽车品牌重置为空字符串。因为带有按钮的自定义单元格是在带有网格的类之外定义的，所以我不知道如何访问状态。

编码笔

const Cell = props => {
  if (props.column.name === "city") {
    return (
      <td>
        <button>Reset car brand</button>
      </td>
    );
  }

  return <Table.Cell {...props} />;
};

是否可以为类名和ID名使用相同的名称？这是代码味道吗？

<div class="wrapper" id="wrapper"></div>

在下面的文章中,我读到应该尝试减少硒化物的数量.

文章:使用较少的选择器

我想知道如果写LESS并且我使用大量嵌套来对父元素和子元素进行分组,那么最终会生成错误的CSS代码吗？

减

.wrap{
   width: 100%;
   height: 20%;
   background: green;
   header{
           background: blue;
           h1{
                color: red;
             }
         }
 }