การเขียนโปรแกรม css-selectors

2

คุณจะเลือกองค์ประกอบย่อยทั้งหมดแบบวนซ้ำได้อย่างไร? div.dropdown, div.dropdown > * { color: red; } ชั้นนี้จะโยนชั้นบน className ที่กำหนดไว้และลูก ๆ ทันที ในวิธีง่ายๆคุณสามารถเลือกโหนดเด็กทั้งหมดได้ดังนี้: div.dropdown, div.dropdown > *, div.dropdown > * > *, div.dropdown > * > * > *, div.dropdown > * > * > * > * { color: red; }

407 css css-selectors

8

ฉันจะเลือกลูกทั้งหมดขององค์ประกอบยกเว้นลูกคนสุดท้ายได้อย่างไร

ฉันจะเลือกทั้งหมดยกเว้นลูกคนสุดท้ายที่ใช้ตัวเลือก CSS3 ได้อย่างไร div:nth-last-child(1)ยกตัวอย่างเช่นจะได้รับเพียงเด็กที่ผ่านมาจะเป็น

371 css-selectors css

9

ตัวเลือก CSS สำหรับฟิลด์ป้อนข้อความ?

ฉันจะกำหนดเป้าหมายฟิลด์อินพุตของประเภท 'ข้อความ' โดยใช้ตัวเลือก CSS ได้อย่างไร

371 html css forms css-selectors html-input

8

CSS: ไม่ใช่ (: ลูกคนสุดท้าย): หลังจากตัวเลือก

ฉันมีรายการองค์ประกอบซึ่งมีสไตล์ดังนี้: ul { list-style-type: none; text-align: center; } li { display: inline; } li:not(:last-child):after { content:' |'; } <ul> <li>One</li> <li>Two</li> <li>Three</li> <li>Four</li> <li>Five</li> </ul> เรียกใช้ข้อมูลโค้ดซ่อนผลลัพธ์ขยายตัวอย่างข้อมูล เอาท์พุทOne | Two | Three | Four | Five |แทนOne | Two | Three | Four | Five ใครรู้วิธีการเลือก CSS ทั้งหมดยกเว้นองค์ประกอบสุดท้าย? คุณสามารถดูคำจำกัดความของ:not()ตัวเลือกได้ที่นี่

369 css css-selectors pseudo-element

3

เลือกองค์ประกอบตามหลายคลาส

ฉันมีกฎสไตล์ฉันต้องการใช้กับแท็กเมื่อมีสองคลาส มีวิธีการดำเนินการนี้โดยไม่ใช้ JavaScript? ในคำอื่น ๆ : <li class='left ui-class-selector'> ฉันต้องการที่จะใช้กฎสไตล์ของฉันเท่านั้นถ้าliมีทั้ง.leftและ.ui-class-selectorเรียนนำไปใช้

360 css css-selectors

6

วิธีการเขียน: เงื่อนไขการโฮเวอร์สำหรับ: before และ a: after

วิธีการเขียน:hoverและ:visitedเงื่อนไขสำหรับa:before? ฉันพยายามa:before:hoverแต่มันไม่ทำงาน

347 css css-selectors pseudo-element pseudo-class

10

jQuery ลูกคนแรกของ“ นี่”

ฉันพยายามส่ง "สิ่งนี้" จากช่วงการคลิกไปยังฟังก์ชัน jQuery ที่สามารถเรียกใช้ jQuery กับลูกคนแรกขององค์ประกอบที่ถูกคลิกนั้นได้ ดูเหมือนจะไม่ถูกต้อง ... <p onclick="toggleSection($(this));"><span class="redClass"></span></p> javascript: function toggleSection(element) { element.toggleClass("redClass"); } ฉันจะอ้างอิงถึง: ลูกคนแรกขององค์ประกอบได้อย่างไร

317 javascript jquery jquery-selectors css-selectors

6

มีตัวเลือก CSS สำหรับชายน์โดยตรงคนแรกเท่านั้นหรือไม่

ฉันมี html ต่อไปนี้ <div class="section"> <div>header</div> <div> contents <div>sub contents 1</div> <div>sub contents 2</div> </div> </div> และรูปแบบดังต่อไปนี้: DIV.section DIV:first-child { ... } ด้วยเหตุผลบางอย่างที่ผมไม่เข้าใจว่ารูปแบบจะได้รับนำไปใช้กับ"เนื้อหาย่อย 1" <div>เช่นเดียวกับ"หัว" <div> ฉันคิดว่าตัวเลือกเกี่ยวกับสไตล์จะใช้กับลูกโดยตรงคนแรกของ div ที่มีคลาสที่เรียกว่า "ส่วน" ฉันจะเปลี่ยนตัวเลือกเพื่อให้ได้สิ่งที่ต้องการได้อย่างไร

315 html css css-selectors

7

CSS สามารถตรวจจับจำนวนของลูก ๆ ที่องค์ประกอบมีได้หรือไม่?

ฉันอาจตอบคำถามของฉันเอง แต่ฉันอยากรู้อยากเห็นอย่างมาก ฉันรู้ว่า CSS สามารถเลือกเด็กแต่ละคนของผู้ปกครอง แต่มีการสนับสนุนในการกำหนดรูปแบบเด็กของภาชนะถ้าผู้ปกครองที่มีจำนวนเด็ก ตัวอย่างเช่น container:children(8) { // style the parent this way if there are 8 children } ฉันรู้ว่ามันฟังดูแปลก แต่ผู้จัดการของฉันขอให้ฉันตรวจสอบมันไม่พบอะไรด้วยตัวเองฉันเลยตัดสินใจหันไปหา SO ก่อนที่จะจบการค้นหา

304 css css-selectors

7

CSS ลูกเทียบกับตัวเลือกเรียงลำดับ

ฉันสับสนเล็กน้อยระหว่างตัวเลือก 2 ตัวนี้ ทำการเลือกสืบทอด : div p เลือกทั้งหมดpภายในdivว่าเหมาะสมหรือไม่ ดังนั้นถ้าpอยู่ข้างในdivก็จะยังคงถูกเลือก? จากนั้นตัวเลือกลูก : div > p ความแตกต่างคืออะไร? เด็กหมายถึงเด็กทันทีหรือไม่? เช่น. <div><p> VS <div><div><p> ทั้งสองจะถูกเลือกหรือไม่?

298 css css-selectors

5

ระบุตัวเลือกแอททริบิวหลายตัวใน CSS

ไวยากรณ์สำหรับการทำสิ่งที่ชอบคืออะไร: input[name="Sex" AND value="M"] โดยทั่วไปฉันต้องการเลือกinputองค์ประกอบที่มีคุณสมบัติname="Sex"เช่นเดียวกับคุณลักษณะvalue="M": <input type="radio" name="Sex" value="M" /> ไม่ควรเลือกองค์ประกอบดังต่อไปนี้: <input type="radio" name="Sex" value="F" />

295 css attributes css-selectors

9

ฉันจะจัดองค์ประกอบที่เป็นคู่และคี่ได้อย่างไร

เป็นไปได้ไหมที่จะใช้ CSS pseudo-classes เพื่อเลือกอินสแตนซ์ของรายการคู่และคี่ ฉันคาดว่าสิ่งต่อไปนี้จะสร้างรายการของสีที่สลับกัน แต่ฉันจะได้รับรายการของสีน้ำเงิน: <html> <head> <style> li { color: blue } li:odd { color:green } li:even { color:red } </style> </head> <body> <ul> <li>ho</li> <li>ho</li> <li>ho</li> <li>ho</li> <li>ho</li> </ul> </body> </html>

281 html css css-selectors

4

ฉันจะนำสไตล์ไปใช้กับหลายคลาสพร้อมกันได้อย่างไร

ฉันต้องการสองคลาสที่มีชื่อแตกต่างกันเพื่อให้มีคุณสมบัติเดียวกันใน CSS ฉันไม่ต้องการที่จะทำซ้ำรหัส .abc { margin-left:20px; } .xyz { margin-left:20px; } <a class="abc">Lorem</a> <a class="xyz">Ipsum</a> เรียกใช้ข้อมูลโค้ดซ่อนผลลัพธ์ขยายตัวอย่างข้อมูล เนื่องจากทั้งสองคลาสกำลังทำสิ่งเดียวกันฉันควรจะรวมเข้าเป็นหนึ่งเดียว ฉันจะทำสิ่งนั้นได้อย่างไร

277 css css-selectors

7

อะไรคือความแตกต่างระหว่าง: มุ่งเน้นและ: ใช้งานอยู่?

อะไรคือความแตกต่างระหว่าง:focusและ:activeคลาสหลอก?

275 css css-selectors pseudo-class

2

ฉันจะทำให้เด็กจำนวนเฉพาะใช้ CSS ได้อย่างไร

ฉันมีสิ่งtableที่tdถูกสร้างขึ้นแบบไดนามิก ฉันรู้วิธีรับลูกคนแรกและลูกคนสุดท้าย แต่คำถามของฉันคือ: มีวิธีรับลูกที่สองหรือสามโดยใช้ CSS หรือไม่?

270 html css css-selectors

คำถามติดแท็ก css-selectors