相关疑难解决方法(0)

我有几个具有可变宽度的按钮,我希望它们都具有一定的宽度.当我试图添加width: 150px;它不起作用.如何创建所有具有设定宽度的按钮？

这是一个小提琴,这里是代码:

HTML

<p><a class="dark_button 150px-width" href="#">Lorem</a></p>
<p><a class="dark_button 150px-width" href="#">Lorum Ipsum</a></p>
<p><a class="dark_button 150px-width" href="#">Lorum Ipsum dolor</a></p>
<p><a class="dark_button 150px-width" href="#">Lorum Ipsum dolor sit amet</a></p>

CSS

.dark_button{
  border-top: 1px solid #969696;
  background: #000000;
  background: -webkit-gradient(linear, left top, left bottom, from(#545454), to(#000000));
  background: -webkit-linear-gradient(top, #545454, #000000);
  background: -moz-linear-gradient(top, #545454, #000000);
  background: -ms-linear-gradient(top, #545454, #000000);
  background: -o-linear-gradient(top, #545454, #000000);
  padding: 5px 10px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
  -moz-box-shadow: rgba(0,0,0,1) 0 1px …

例如：#_id-name {}我._class-name {}知道在早期根本不允许使用下划线 - 以及双连字符 ( --)。但是，如果类或 ID 以 开头，那么所有浏览器都能够读取/理解它吗_？

我使用javascript将事物绑定到HTML对象,并且需要比类名更复杂的机制.

我的第一种方法是使用类名称,如结构声明,其中绑定位于名称位置,如下所示:

Definition = identifier: foo bar baz

用这个定义编码一些类名给出

<p   id="someid"    class="identifier bish bash bosh">
<div id="anotherid" class="identifier heebie jeebie">

这可以理解为:

{foo: bish,   bar: bash,   baz: bosh};
{foo: heebie, bar: jeebie}

请注意,绑定具有不同数量的参数.

这非常脆弱.我无法使用其他名称来装饰任何html元素(例如添加拖放等jquery行为等)并且通常有点粗制滥造......

我想做的是将它们表示为键值对,如下所示:

<p   id="someid"    class="id{foo:bish} id{bar:bash} id{baz:bosh} random class">
<div id="anotherid" class="ui-draggable id{bar:jeebie} id{foo:heebie}">

这允许我在元素上有随机定位和随机长度的类名,只要我的id是一个sorta GUID(但我可以'手动轻松地做到这一点'......)

现在,从理论上讲,类名是CDATA,所以一切都应该是嘀嗒声,但我喜欢麻烦!特别是在旧的跨浏览器方面......

所有关于KV对的最佳语法的建议,建议,现有技术,最佳实践都感激不尽.

我试图做一个按钮,点击他的ID和变量递增.我能够在StackOverflow上找到一些增加输入字段值的代码,但我不知道从那里改变它.

这是标记:

<input type="text" name="qty" value="0" />
<p id="inc">Increase</p>
<p id="dec">Decrease</p>

和jQuery

<script>
$(document).ready(function() 
{   
    $(function()
    {
        $("#inc").click(function() 
        { 
            $(":text[name='qty']").val(Number($(":text[name='qty']").val()) + 1);
            $('#inc').addClass (Number + 1); // this one does not work
            var incrementVar = (Number + 1); // this one also does not work
        }); 

        $("#dec").click(function()
        {      
            $(":text[name='qty']").val(Number($(":text[name='qty']").val()) - 1);
        });  
    });
});
</script>

这确实增加了输入中的val,但我不能使它增加$('#inc')类和var incrementVar.

我该怎么办？谢谢

我在一个span元素上使用了两个类的组合.

两个人看起来都在独自工作......他们在一起并不是.

.black {color:black;}
.size_14 {font-size:14px;}


<span class="black size_14">my text is not black..neither large</span>

我尝试更改size_14另一个(large)的类名,在这种情况下,它正在工作.

是size_14无效的类名吗？

解决了

我压倒了这种行为

.article_text_div .size_14 {color:#6D6E71;}

但是由于这个错误,我发现更好(？)不要在类名中使用下划线

谢谢

卢卡

使用Visual Studio 2013 RTM和Web Essentials我在页面加载时在Chrome中收到以下JavaScript错误.

未捕获错误:语法错误,无法识别的表达式:div.main/PhoneIcon.png

我最好的猜测是它指的是我的页面顶部附近的以下html行.

<div class="main/PhoneIcon.png sprite"></div>

我也无法使用Browser Link编辑/修改HTML/CSS.

我需要做些什么才能修复Browser Link？

我想在javascript中使用Regex从css规则中删除最后一个类.

我正在寻找的正则表达式规则是从规则的末尾开始搜索,例如在'.myClass .myOtherClass'上,并在最后一次完整停止后返回第一个单词 - 所以结果将是'.myOtherClass'

我需要匹配的示例css规则:

.myClass{color:red;}
.myClass .myOtherClass{color:green;}
#something .somethingElse{color:blue;}
.something #myIdhere{color:purple;}
#myId {color:black}
.myClass1, .myClass2{colour:green}
.myClass span{colour:purple}
.myPseudo:after{}

我可以在没有{}信息的情况下自行解决规则.所以它的正则表达式将自己运行每个规则.例如,在'.myClass .myOtherClass'上.我想要获得的上述规则的输出是它的匹配如下:

.myClass
.myOtherClass
.somethingElse
.something
 no match
.myClass2
.myClass
.myPseudo

有人可以帮忙吗？

我有一个计算机生成的类名的情况，其中类名可能包含空格字符（我无法直接控制转换为类名的 ID）。我想出了如何转义 CSS 中的所有字符（请参阅Whichcharacters are valid in CSS class name/selectors?和http://mathiasbynens.be/notes/css-escapes中的优秀答案）。

但我没有设法在 HTML 代码的 CSS 类名中转义空格字符。

我现在使用了避免空格的解决方案，但我很好奇是否/如何可以转义类属性值中的空格字符。

例如：我的班级名称是"a b"。

我可以在 CSS 中将 CSS 选择器编写为.a\20 b { }.

但是 在属性中使用，例如，<div class="a&#x20;b"/>将被解释为相同<div class="a b"/>，这定义了两个类。

当使用 JSF Web 应用程序框架时，表单内元素的 ID 可以由框架自动生成，并且当组件驻留在其 ID 为 的表单中时，框架会自动为该元素form1生成 形式的 ID 。form1:foo虽然可以关闭此功能，但我想知道是否可以为其 ID 格式为 的元素定义 CSS ID 选择器foo:bar。

提前致谢。

我有这个结构:

<article class="media media--small 48">
   <a href="#">
   <img src="" class="media__img" alt="">
   <i class="s s--plus"></i></a>
   <div class="media__body">
      <h1 class="media__title"></h1>
      <p></p>
      <div style="display: inline-block;"><a href="" target="_blank"><img src="" alt=""></a> <a href="" target="_blank"><img style="margin-left: 17px;" src="" alt=""></a></div>
      <p></p>
   </div>
</article>

我怎样才能参考48 级s--plus的article班级？

我尝试过: .48 .s--plus但它不起作用