تغيير عرض جميع عناصر تحديد الذين هم نسل معرف شعبة = "المحتوى"

Question

وأنا أحاول أن أسلوب كل العناصر <select> التي هي من سلالة من <div>. أنا يمكن أن يكون وضع طبقة عليها ولكن كنت أحاول أن تكون ذكية: -)

وأعتقد أنه لا يعمل في IE6 ولكنه يعمل في IE7 وما إلى ذلك؟

وكيف يمكنك أن تفعل ذلك

وهنا هي واحدة من يختار لي (له أي فئة أو قيمة id) ولكنها جميعا أحفاد من شعبة البالغة مساحتها هو "المحتوى"

<div id="content">
    <select >
        <option></option>
    </select>
</div>

وأي أفكار؟

Answer 1

إذا كنت تريد أي تحديد هذا هو سليل عنصر مع معرف = "المحتوى":

#content select { ... }

إذا كنت تريد أي تحديد هذا هو سليل مباشر من عنصر مع معرف = "المحتوى":

#content > select { ... }

إذا كنت تريد تحديد ذلك فقط لشعبة العناصر مع معرف = "المحتوى":

div#content select { ... }

وثانية واحدة قد لا تعمل في بعض المتصفحات القديمة، ولكن الآخرين يجب أن تعمل حتى في متصفح القديم طالما كان لديه أي دعم المغلق على الإطلاق، مثل نتسكيب (4).

Answer 2

وهذا يجب أن تعمل عبر المتصفحات:

#content select {
   // Styles for selects inside the div with id `content'
}

Answer 3

.myDiv select {
  font-family:verdana;
}

<div class="myDiv">
  <p><select>...</select></p>
  <p><select>...</select></p>
</div>

Answer 4

div#content > select {
}

Answer 5

.content select {

              css here

}

وأعتقد أن هذا هو كيف يمكنك تحقيق ذلك. حيث "المحتوى" هو فئة من شعبة بك. وهذا تنسيق كافة يختار من داخل شعبة الذي يحتوي على فئة من "محتوى".

وحظا سعيدا!

Answer 6

وحل نيك يحصل سوى أحفاد، لذلك لن تحصل على مختارة في نموذج في شعبة. هذا وسوف تحصل لهم بغض النظر عن عدد العناصر الأخرى عميق وهم:

#content select { width: 100px }

إذا كنت ترغب فقط في الحصول عليها، على سبيل المثال، ومدخلات النص الذي يمكن أن يفعله هذا:

#content select[type=text] { width: 100px }

و لا تنسى أن مدخلات كلمة المرور مختلفة من المدخلات النص!