小编Mar*_*det的帖子

98
推荐指数
5
解决办法
23万
查看次数

如何使用另一个CSS类覆盖CSS类的属性

我是CSS3的新手,我希望能够做到以下几点:

当我将一个类添加到一个元素中时,它会覆盖此特定元素中使用的另一个类的属性.

让我们说我有

<a class="left carousel-control" href="#carousel" data-slide="prev">
Run Code Online (Sandbox Code Playgroud)

我希望能够添加一个名为的类bakground-none,它将覆盖类中的默认背景left.

谢谢!

css overriding class

81
推荐指数
5
解决办法
28万
查看次数

CSS填充剩余宽度

我有这个标题栏.

<div id="header">
        <div class="container">
            <img src="img/logo.png"/>
            <div id="searchBar">
                <input type="text" />
            </div>
            <div class="buttonsHolder">
                <div class="button orange inline" id="myAccount">
                    My Account
                </div>
                <div class="button red inline" id="basket">
                    Basket (2)
                </div>
            </div>

        </div>
    </div>
Run Code Online (Sandbox Code Playgroud)

我需要searchBar来填充div中剩余的差距.我该怎么做?

这是我的CSS

#header { 
    background-color: #323C3E;
    width:100%;
}

.button {
    padding:22px;
}


.orange {
    background-color: #FF5A0B;
}

.red {
    background-color: #FF0000;
}

.inline { 
    display:inline;
}

#searchBar {
    background-color: #FFF2BC;
}
Run Code Online (Sandbox Code Playgroud)

css

52
推荐指数
3
解决办法
10万
查看次数

如何使用angular.js禁用输入框

我正在使用此字段进行编辑视图和创建视图

<input data-ng-model="userInf.username"  class="span12 editEmail" type="text"  placeholder="me@example.com"  pattern="[^@]+@[^@]+\.[a-zA-Z]{2,6}" required />
Run Code Online (Sandbox Code Playgroud)

在控制器中我有这个代码来禁用输入元素:

function($rootScope, $scope, $location, userService)
{

//etc 
    $(".editEmail" ).attr("disabled", disable);  // no idea how to do in angular
}
Run Code Online (Sandbox Code Playgroud)

请帮忙.

javascript jquery angularjs

39
推荐指数
3
解决办法
10万
查看次数

在XDocument中编辑特定元素

我最近开始学习C#,我遇到了一个XML.Linq用来存储数据的问题.我希望这个问题是可以理解的,因为我还不熟悉所有正确的术语,因为英语不是我的第一语言.

我读了很多问题/谷歌搜索,但我自己无法弄清楚.

我想更新一个如下所示的现有XDocument文件:

<Data>
  <IDCounter>2</IDCounter>
  <Highscores>
     .......
  </Highscores>
  <savegames>
    <savegame>
       <IdNumber>1</IdNumber>
       <salutation>Mr</salutation>
       <prename>Prename1</prename>
       <surname>Surname1</surname>
       <maximumbalance>100</maximumbalance>
       <balance>100</balance>
    </savegame>
    <savegame>
       <IdNumber>2</IdNumber>
       <salutation>Mr</salutation>
       <prename>Prename2</prename>
       <surname>Surname2</surname>
       <maximumbalance>100</maximumbalance>
       <balance>100</balance>
     </savegame>
   </savegames>
</Data> 
Run Code Online (Sandbox Code Playgroud)

更改特定元素中值的最简单方法是什么?

假设我想改变特定存档平衡.

我想通过IdNumber访问存档游戏(这些数字是唯一的)

然后我想更改balance的值(例如更改为50),然后将这些更改保存到我的文档中.

c# xml linq

36
推荐指数
2
解决办法
4万
查看次数

我可以使用list-style-type来表示div标签吗?

我一直在研究CSS.我知道我们可以使用list-style-type属性来设置列表标记.我们可以将该属性应用于div标签吗?

css list

32
推荐指数
2
解决办法
3万
查看次数

让孩子们成为最高孩子的身高

<div>在父容器中有两个子元素<div>,如下所示:

<div class="row">
    <div class="item">
        <p>Sup?</p>
    </div>
    <div class="item">
        <p>Sup?</p>
        <p>Wish that other guy was the same height as me</p>
    </div>
</div>
Run Code Online (Sandbox Code Playgroud)

我尝试了以下CSS:

.item {
    background: rgba(0,0,0,0.1);
    display: inline-block;
}

.row {
    border: 1px solid red;
}
Run Code Online (Sandbox Code Playgroud)

我怎样才能让两个孩子(div.item)成为最高孩子的身高?

jsFiddle:http://jsfiddle.net/7m4f7/

css css3

28
推荐指数
3
解决办法
4万
查看次数

如何居中 - 显示:块/内联块

当在html和css中居中时,我发现了两种方法 - 要么应用于元素:

display:block;
margin:0 auto;
Run Code Online (Sandbox Code Playgroud)

或使用:

display:inline-block;
text-align:center; (on the parent element)
Run Code Online (Sandbox Code Playgroud)

我总是想知道哪个更好,为什么.谢谢!!

html css center block

22
推荐指数
3
解决办法
5万
查看次数

如何在javascript中向数组添加新对象(键值对)?

我有一个数组:

items=[{'id':1},{'id':2},{'id':3},{'id':4}];
Run Code Online (Sandbox Code Playgroud)

我该如何{'id':5}向阵列添加新对?

javascript arrays key-value

22
推荐指数
3
解决办法
9万
查看次数

位置相对不使用显示表格单元格?

我创建了一个由按钮组成的水平菜单.我需要这些按钮来调整宽度,以便它们一起占据菜单容器宽度的100%.它的行为应该与TD在TABLE中的行为相同.

因此,这是我提出的代码:

<div id="menubar">
    <div id="menu">
        <div class="button">
            <Button>Button 1</Button>
        </div>
        <div class="button">
            <Button>Button 2</Button>
        </div>
        <div class="button">
            <Button>Button 3</Button>
        </div>
        <div class="button">
            <Button>Button 4</Button>
        </div>
    </div>
</div>
Run Code Online (Sandbox Code Playgroud)

和我的CSS:

#menubar {
    width: 100%;
    height: 100%;
    display: table;
    table-layout: fixed;
}

#menu {
    display: table-row;
}

#menu .button {
    position: relative;
    display: table-cell;
}

#menu .button Button {
    position: absolute;
    right: 0px;
    bottom: 0px;
    top: 0px;
    left: 0px;
}
Run Code Online (Sandbox Code Playgroud)

除了Mozilla之外,这在每个浏览器中都能完美运行 Mozilla似乎并不尊重按钮类的相对位置,因此,按钮全部定位在彼此的顶部(而不是绝对在DIV中使用类"按钮").

经过一些进一步的研究,似乎这是一个已知的问题,当显示设置为"表格单元格"时,Mozilla不是各自的位置"相对".

有谁知道一项工作来实现我想要做的事情?

注意:菜单是动态的,所以我不知道会有多少个按钮,所以我不能为每个按钮提供百分比宽度.

html css

21
推荐指数
2
解决办法
3万
查看次数

标签 统计

css ×7

html ×3

javascript ×2

angularjs ×1

arrays ×1

block ×1

c# ×1

center ×1

class ×1

css3 ×1

jquery ×1

key-value ×1

linq ×1

list ×1

overriding ×1

xml ×1