3

他の誰かが作成したマークアップを操作しようとしています。私の問題は、他の要素で使用するために親コンテナーの幅を設定しましたが、これを特定の子コンテナーでオーバーライドして、使用.ticket13 .text bして 400px に設定できることです。ただし、これは機能しません。

この jsfiddleをチェックアウトすると、問題を確認できます。.ticket13 .text bマークアップを変更せずに幅を 400pxにするにはどうすればよいですか?

<div class="left-container">
  <div class="ticket13">
    <p class="text">
      <b> I want this container to be 400px wide </b>
    </p>
  </div>
</div>

.ticket13 .text b { width: 400px !important; }

p.text {
  display: inline;
  margin: 5px;
  padding: 0;
}
P.text {
  font-size: 1em;
  font-style: normal;
  margin: 0;
  padding: 0.3em 0.3em 0;
  text-align: left;
  text-indent: 0;
  width: auto;
}


.ticket13 {
  display: inline;
  float: left;
  width: 186px;
}
.ticket13 {
  border: medium none;
  float: left;
  margin: 0;
  padding: 0;
}


.left-container {
  background-color: red;
  float: left;
  text-align: left;
  width: 60%;
}
4

4 に答える 4

2

またはに設定してb、ブロックレベルの要素を作成する必要があります。displayblockinline-block

于 2013-08-02T17:55:50.437 に答える
0

子のマークアップを親のマークアップの下に配置します。使用する必要さえないはずです!important

于 2013-08-02T17:57:28.390 に答える
0

それを使用してみてください：

.ticket13 .text b { width: 400px !important; display: inline-block; }

于 2013-08-02T17:58:39.530 に答える