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

10

ตัวเลือก CSS เพื่อรับ div ล่าสุดที่มองเห็นได้

คำถามตัวเลือก CSS หากินไม่ทราบว่าเป็นไปได้หรือไม่ ให้บอกว่านี่คือเค้าโครง HTML: <div></div> <div></div> <div></div> <div style="display:none"></div> <div style="display:none"></div> ฉันต้องการเลือกตัวสุดท้ายdivซึ่งแสดง (เช่น. ไม่display:none) ซึ่งจะเป็นตัวที่สามdivในตัวอย่างที่กำหนด ในใจคุณจำนวนของdivในหน้าจริงอาจแตกต่างกัน (แม้แต่display:noneคน)

161 html css css-selectors

10

สีลิงค์ HTML / CSS เริ่มต้นคืออะไร

#FFFFFFฉันต้องการเป็นตัวแทนรหัสเช่น

161 html css

5

จะยกเลิกการตั้งค่าความสูงสูงสุดได้อย่างไร

ฉันจะรีเซ็ต max-heightคุณสมบัติเป็นค่าเริ่มต้นได้อย่างไรหากก่อนหน้านี้ตั้งค่าไว้ในกฎ CSS บางตัว สิ่งนี้ใช้ไม่ได้: pre { max-height: 250px; } pre.doNotLimitHeight { max-height: auto; // Doesn't work at least in Chrome }

161 css

25

ฉันจะกำหนดเป้าหมายเฉพาะ Internet Explorer 10 สำหรับบางสถานการณ์เช่น CSS เฉพาะ Internet Explorer หรือรหัส JavaScript เฉพาะ Internet Explorer ได้อย่างไร

ฉันจะกำหนดเป้าหมายเฉพาะ Internet Explorer 10 สำหรับบางสถานการณ์เช่น CSS เฉพาะ Internet Explorer หรือรหัส JavaScript เฉพาะ Internet Explorer ได้อย่างไร ฉันลองสิ่งนี้ แต่มันไม่ทำงาน:   <html lang="en" class="no-js">  Internet Explorer 10 ละเว้นความคิดเห็นเงื่อนไขและใช้แทน<html lang="en" class="no-js"><html class="no-js ie10" lang="en">

160 javascript html css internet-explorer-10 conditional-comments

11

วิธีทำให้ Twitter bootstrap เป็นกิริยาช่วยเต็มหน้าจอ

<div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-body"> <%= image_tag "Background.jpg" %> </div> </div> ฉันจะทำให้ bootstrap twitter แบบเต็มหน้าจอ modal สำหรับรหัสข้างต้นฉันพยายามเล่นรอบกับ CSS แต่ไม่สามารถรับได้ตามที่ฉันต้องการ ใครก็ได้โปรดช่วยฉันด้วย

160 css twitter-bootstrap

14

คุณสามารถกำหนดเป้าหมาย <br /> ด้วย css ได้หรือไม่

เป็นไปได้หรือไม่ที่จะกำหนดเป้าหมาย<br/>แท็กline-break ด้วย CSS? ฉันต้องการเส้นประ 1px ทุกครั้งที่มีเส้นแบ่ง ฉันกำลังปรับแต่งเว็บไซต์ด้วย CSS ของตัวเองและไม่สามารถเปลี่ยนชุด HTML มิฉะนั้นฉันจะใช้วิธีอื่น ฉันไม่คิดว่ามันเป็นไปได้ แต่อาจมีวิธีที่ใครบางคนรู้

160 html css line-breaks

5

จะหมุนภาพพื้นหลังในคอนเทนเนอร์ได้อย่างไร?

ฉันต้องการหมุนภาพที่วางไว้ในปุ่มแถบเลื่อนใน Chrome ตอนนี้ฉันมี CSS พร้อมเนื้อหานี้: ::-webkit-scrollbar-button:vertical:decrement { background-image:url(images/arrowup.png) ; -webkit-transform:rotate(120deg); -moz-transform:rotate(120deg); background-repeat:no-repeat; background-position:center; background-color:#ECEEEF; border-color:#999; } ฉันต้องการหมุนภาพโดยไม่หมุนเนื้อหา

160 css background-image image-rotation

5

ฉันควรใช้ pt หรือ px หรือไม่

ความแตกต่างระหว่างptและpxใน CSS คืออะไร? ฉันควรใช้อันไหนและทำไม

160 css

8

วิธีการจัดรูปแบบองค์ประกอบหลักเมื่อวางเมาส์เหนือองค์ประกอบลูก?

Наэтотвопросестьответына กองมากเกินнарусском : Принаведениинакнопкуподсвечиваетсязаголовокисама кнопка.Каксделать ? ฉันรู้ว่าไม่มีตัวเลือกพาเรนต์ CSSแต่มันเป็นไปได้หรือไม่ที่จะจัดสไตล์อิลิเมนต์การเลี้ยงดูเมื่อโฮเวอร์องค์ประกอบลูกโดยไม่มีตัวเลือกดังกล่าว? ในการให้ตัวอย่าง: พิจารณาปุ่มลบที่เมื่อโฮเวอร์จะเน้นองค์ประกอบที่กำลังจะถูกลบ: <div> <p>Lorem ipsum ...</p> <button>Delete</button> </div> ด้วย CSS บริสุทธิ์วิธีเปลี่ยนสีพื้นหลังของส่วนนี้เมื่อเมาส์อยู่เหนือปุ่ม

160 html css

4

อักขระ“ มากกว่า” หรือ“>” ถูกใช้ใน CSS อย่างไร

ฉันเคยเห็นตัวละครนี้หลายครั้งในไฟล์ CSS แต่ฉันไม่รู้ว่ามันใช้งานอย่างไร ทุกคนสามารถอธิบายให้ฉันและแสดงว่าพวกเขามีประโยชน์ในการทำให้รูปแบบหน้าง่ายขึ้นได้อย่างไร

159 css css-selectors

5

การจัดการคำสั่งซื้อคอลัมน์โดยใช้ col-lg-push และ col-lg-pull ใน Twitter Bootstrap 3

ตอนนี้ฉันกำลังอ่านเอกสารบน Twitter Bootstrap 3 และพยายามติดตามการสั่งซื้อคอลัมน์ตามที่แสดงใน หน้านี้ แต่กดกำแพง ฉันไม่เข้าใจว่าเพราะเหตุใดรหัสดังกล่าวจึงทำงานไม่ได้และวิธีระบุการตั้งค่าอย่างถูกต้อง สิ่งที่ฉันต้องการแสดงคือหนึ่งตารางซึ่งประกอบด้วยความยาว 5 และอีก 5 ความยาวและสุดท้ายหนึ่งความยาว 2 ตาราง ดังนั้นของฉันเป็นแบบนี้: [5] [5] [2] และสิ่งที่ฉันต้องการบรรลุคือเมื่อมันดูบนเดสก์ท็อปเค้าโครงด้านบนจะปรากฏขึ้น แต่เมื่อมันดูบนมือถือฉันต้องการแสดงวัตถุที่มีความยาว 5 อันดับที่สองก่อนจากนั้นจึงเป็นวัตถุที่มีความยาว 5 อันดับแรก ในแนวตั้ง แบบนี้: [5] (second) [5] (first) [2] ในขณะที่ฉันพยายามทำตามขั้นตอนที่อธิบายไว้ในเอกสารด้านบนฉันได้วัตถุยาว 5 ตัวแรกจากวัตถุที่สองแม้ว่าจะอยู่บนแพลตฟอร์มมือถือซึ่งดังที่ฉันบอกว่าควรแสดงวัตถุ 5 ความยาวที่สองที่ด้านบน ในคำอื่น ๆ ฉันได้รับนี้: [5] (first) [5] (second) [2] แล้วฉันจะวางอันที่สองให้ถูกต้องก่อนได้อย่างไร? หรือเนื่องจากฉันใช้วัตถุที่มีความยาวเท่ากันคอลัมน์ที่สั่งซื้ออาจไม่ทำงานหรือไม่ นี่คือรหัสของฉันสำหรับข้อมูลของคุณ: <div class='row'> …

159 css twitter-bootstrap-3

14

ฉันสามารถเพิ่มสีให้กับไอคอน bootstrap โดยใช้ CSS ได้หรือไม่

บูตของ Twitter ใช้ไอคอนตาม Glyphicons available in dark gray and whiteโดยค่าเริ่มต้นคือ " ": เป็นไปได้ไหมที่จะใช้ CSS trickery เพื่อเปลี่ยนสีของไอคอน? ฉันหวังว่าจะมีความสามารถ css3 อื่น ๆ ที่จะป้องกันไม่ให้มีชุดภาพไอคอนสำหรับแต่ละสี ฉันรู้ว่าคุณสามารถเปลี่ยนสีพื้นหลังของ<i>องค์ประกอบล้อมรอบ ( ) แต่ฉันกำลังพูดถึงไอคอนสีพื้นหน้า ฉันเดาว่ามันจะเป็นไปได้ที่จะผกผันความโปร่งใสของภาพไอคอนแล้วตั้งค่าสีพื้นหลัง ดังนั้นฉันสามารถเพิ่มสีให้กับไอคอน bootstrap โดยใช้ CSS ได้หรือไม่

159 css twitter-bootstrap sprite css-sprites

9

การเปลี่ยน CSS ขององค์ประกอบย่อยเมื่อพาวเวอร์หลัก

ก่อนอื่นฉันสมมติว่ามันซับซ้อนเกินไปสำหรับ CSS3 แต่ถ้ามีวิธีแก้ปัญหาในบางแห่งฉันก็อยากจะไปกับมันแทน HTML นั้นค่อนข้างตรงไปตรงมา <div class="parent"> <div class="child"> Text Block 1 </div> </div> <div class="parent"> <div class="child"> Text Block 2 </div> </div> div ลูกถูกตั้งค่าให้แสดง: none; โดยค่าเริ่มต้น แต่เปลี่ยนเป็น display: block; เมื่อวางเมาส์ไว้เหนือ div parent ปัญหาคือมาร์กอัปนี้ปรากฏในหลาย ๆ ที่บนเว็บไซต์ของฉันและฉันต้องการให้เด็กแสดงถ้าเมาส์อยู่เหนือมันและไม่ใช่ถ้าเมาส์อยู่เหนือผู้ปกครองคนอื่น ๆ (พวกเขาทั้งหมดมีคลาสเดียวกัน ชื่อและไม่มี ID) ฉันพยายามใช้$(this)และ.children()ไม่เป็นประโยชน์ $('.parent').hover(function(){ $(this).children('.child').css("display","block"); }, function() { $(this).children('.child').css("display","none"); });

159 jquery css jquery-selectors parent

2

css หมุนหลอก: หลังหรือ: ก่อนเนื้อหา:“”

ต่อไปเพื่อให้การหมุนทำงานในหลอก content:"\24B6"? ฉันพยายามหมุนสัญลักษณ์ยูนิโค้ด

159 css rotation pseudo-element

17

แถบเลื่อนแนวนอนที่ด้านบนและด้านล่างของตาราง

ฉันมีขนาดใหญ่มากtableในหน้าของฉัน ฉันจึงตัดสินใจวางแถบเลื่อนแนวนอนที่ด้านล่างของตาราง แต่ฉันต้องการให้แถบเลื่อนนี้อยู่ด้านบนของตารางด้วย สิ่งที่ฉันมีในเทมเพลตคือ: <div style="overflow:auto; width:100%; height:130%"> <table id="data" style="width:100%">...</table> </div> เป็นไปได้ที่จะทำใน HTML และ CSS เท่านั้นหรือไม่

159 javascript jquery html css

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