应用一个类和一个属性选择器答案

【问题标题】：Apply a class AND an attribute selector应用一个类和一个属性选择器
【发布时间】：2014-02-26 21:57:23
【问题描述】：

我想为这个元素设置样式：

<input class="myslider" type="range" value="20">

这是有效的：

input[class*="myslider"] {
    -webkit-appearance: none;
    width: 100px;
    background-color: black;
    height: 2px;
}

但这不起作用：

.myslider input[type=range] {
    -webkit-appearance: none;
    width: 100px;
    background-color: black;
    height: 2px;
}

为什么我不能应用类选择器和属性选择器？

【问题讨论】：

标签： css

【解决方案1】：

你要找的选择器是

input.myslider[type=range]

您当前的代码查找子元素，但未针对适当的元素。

【讨论】：

【解决方案2】：

因为您在 .mySlider 中选择输入。试试这个：

.myslider[type='range'] {
    -webkit-appearance: none;
    width: 100px;
    background-color: black;
    height: 2px;
}

【讨论】：