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

อะไรคือจุดที่ใช้ไวยากรณ์นี้ div.card > div.name อะไรคือความแตกต่างระหว่างสิ่งนี้ div.card div.name

128 css  css-selectors 

เมื่อฉันตั้งค่าoverflow: scrollฉันจะได้แถบเลื่อนแนวนอนและแนวตั้ง มีวิธีลบแถบเลื่อนแนวนอนใน div หรือไม่?

128 html  css  overflow  horizontal-scrolling 

เมื่อคลิกฉันกำลังเพิ่มเส้นขอบ 1px เป็น div ดังนั้นขนาด Div จึงเพิ่มขึ้น 2px X 2px ฉันไม่ต้องการเพิ่มขนาด Div มีวิธีง่ายๆในการทำไหม คำอธิบายโดยละเอียดที่ไม่เป็นระเบียบ จริงๆแล้วฉันกำลังเพิ่ม DIV ที่มี float: left (ขนาดเท่ากันเช่นไอคอน) ไปยัง container-div ดังนั้นทั้งหมดจะซ้อนกันทีละตัวและเมื่อ (ความกว้างของ container-div คือ 300px) ไม่มีช่องว่างเหลือ แต่ width-wise ดังนั้น DIV เด็กอยู่ในแถวถัดไปดังนั้นจึงเป็นเหมือนแค็ตตาล็อก แต่เนื่องจากขนาด DIV ที่เลือกได้เพิ่มขึ้นเท่านั้น DIV ภายใต้ DIV ที่เลือกจะไปทางขวาและสร้างพื้นที่ว่างด้านล่าง DIV ที่เลือก แก้ไข: การลดความสูง / ความกว้างในการเลือก แต่จะเพิ่มกลับได้อย่างไร ใช้กรอบงานของบุคคลที่สามดังนั้นอย่าให้มีเหตุการณ์เมื่อ DIV สูญเสียการเลือก …

128 css  html  border 

ชื่อเรื่องค่อนข้างสรุปได้ สไตล์ชีตภายนอกมีรหัสต่อไปนี้: td.EvenRow a { display: none !important; } ฉันได้ลองใช้: element.style.display = "inline"; และ element.style.display = "inline !important"; แต่ไม่ได้ผล เป็นไปได้ไหมที่จะลบล้างรูปแบบที่สำคัญโดยใช้จาวาสคริปต์ นี่คือส่วนขยาย greasemonkey หากสร้างความแตกต่าง

128 javascript  css 

ใครช่วยช่วยแก้จุดบกพร่องนี้ให้ฉันหน่อยได้ไหม Firefox ทำงานได้ดี แต่กับ Internet Explorer 7 ไม่เป็นเช่นนั้น ดูเหมือนว่าจะไม่เข้าใจไฟล์display: inline-block;. HTML: <div class="frame-header"> <h2>...</h2> </div> CSS: .frame-header { height:25px; display:inline-block; }

127 html  internet-explorer-7  css 

ฉันต้องการวางซ้อนภาพหนึ่งกับอีกภาพโดยใช้ CSS ตัวอย่างนี้คือภาพแรก (พื้นหลังหากคุณต้องการ) จะเป็นลิงก์ภาพขนาดย่อของผลิตภัณฑ์โดยลิงก์จะเปิดไลท์บ็อกซ์ / ป๊อปอัพซึ่งแสดงภาพขนาดใหญ่ขึ้น ด้านบนของภาพที่เชื่อมโยงนี้ฉันต้องการภาพของแว่นขยายเพื่อแสดงให้ผู้คนเห็นว่าสามารถคลิกภาพเพื่อขยายได้ (เห็นได้ชัดว่าสิ่งนี้ไม่ชัดเจนหากไม่มีแว่นขยาย)

127 html  css 

ฉันกำลังพยายามทำให้กฎแนวนอนของฉันไม่สนใจช่องว่างในหลัก นี่คือตัวอย่างง่ายๆของสิ่งที่ฉันมี: #parent { padding:10px; width:100px; } hr { width:100px; } คุณจะพบว่ากฎแนวนอนขยายออกมาจากระดับบนสุด 10px ฉันพยายามทำให้มันเพิกเฉยต่อช่องว่างภายในที่ทุกอย่างใน div แม่ต้องการ ฉันรู้ว่าฉันสามารถสร้าง div แยกสำหรับอย่างอื่นได้ นี่ไม่ใช่วิธีแก้ปัญหาที่ฉันกำลังมองหา

127 html  css 

เบราว์เซอร์ดาวน์โหลดอิมเมจ CSS ที่ไม่ได้ใช้หรือไม่ เช่น. ในกฎ CSS ที่ไม่ตรงกับองค์ประกอบใด ๆ .nothingHasThisClass{background:url(hugefile.png);} หรือจะขึ้นอยู่กับเบราว์เซอร์?

127 css 

ใหม่สำหรับ bootstrap 3 .... ในเลย์เอาต์ของฉันฉันมี: <div class="row"> <div class="col-lg-6 col-md-6">elements 1</div> <div class="col-lg-6 col-md-6"> <div class="pull-right"> elements 2 </div> </div> </div> ฉันไม่ต้องการให้ 'องค์ประกอบ 2' จัดชิดบนหน้าจอที่เล็กกว่า col-lg ดังนั้นการมีคลาส pull-right สำหรับ col-lg-6 เท่านั้น ... ฉันจะบรรลุเป้าหมายนี้ได้อย่างไร? นี่คือซอ: http://jsfiddle.net/thibs/Y6WPz/ ขอบคุณ

127 css  twitter-bootstrap  twitter-bootstrap-3  bootstrap-4 

วิธีตั้งค่าสีพื้นหลังtdใน jQuery เช่น $(this).css({**BackgroundColor:Red**}) ขอบคุณ

127 jquery  css 

เมื่อฉันตั้งค่าตระกูลฟอนต์ขนาดฟอนต์สี ฯลฯ ดูเหมือนว่าองค์ประกอบที่ซ้อนกันบางอย่างจะแทนที่สิ่งเหล่านี้ด้วยค่าเริ่มต้นของเบราว์เซอร์ที่น่าเกลียด ฉันต้องระบุหลายสิบครั้งสำหรับองค์ประกอบประเภทใดในหน้าของฉันหรือมีวิธีตั้งค่าทั่วโลกครั้งเดียวตลอดไปหรือไม่ ต้องทำอย่างไร?

127 css 

ฉันรู้ว่านี่เป็นคำถามที่ค่อนข้างง่าย แต่ฉันคิดไม่ออกสำหรับชีวิตของฉัน ฉันมีลิงค์สองลิงค์ที่ใช้กับภาพพื้นหลัง นี่คือสิ่งที่ดูเหมือนในปัจจุบัน (ขออภัยสำหรับเงาเป็นเพียงภาพร่างคร่าวๆของปุ่ม): อย่างไรก็ตามฉันต้องการให้ทั้งสองปุ่มอยู่เคียงข้างกัน ฉันคิดไม่ออกจริงๆว่าจะต้องทำอะไรกับการจัดตำแหน่ง นี่คือ HTML <div id="dB"}> <a href="http://notareallink.com" title="Download" id="buyButton">Download</a> </div> <div id="gB"> <a href="#" title="Gallery" onclick="$j('#galleryDiv').toggle('slow');return false;" id="galleryButton">Gallery</a> </div> นี่คือ CSS #buyButton { background: url("assets/buy.png") 0 0 no-repeat; display:block; height:80px; width:232px; text-indent:-9999px; } #buyButton:hover{ width: 232px; height: 80px; background-position: -232px 0; } #buyButton:active { …

127 css  html  alignment 

ฉันกำลังสร้างโปรเจ็กต์ด้วย Bootstrap และฉันประสบปัญหาเล็กน้อยฉันมีคอนเทนเนอร์ด้านล่าง Nav -top ปัญหาของฉันคือบางส่วนของคอนเทนเนอร์ของฉันซ่อนอยู่ด้านล่างส่วนหัวของ nav-top ฉันไม่ต้องการใช้ขอบบนกับ ภาชนะ โปรดดู html ด้านล่างที่ฉันประสบปัญหา <html> <head> <meta name="viewport" content="width=device-width" /> <title>Index</title> <link rel="stylesheet" href="~/stylesheets/bootstrap.css"/> <link rel="stylesheet" href="~/stylesheets/bootstrap-responsive.css"/> </head> <body> <div class="navbar navbar-fixed-top "> <div class="navbar-inner"> <div class="container"> <button data-target=".nav-collapse" data-toggle="collapse" class="btn btn-navbar collapsed" type="button"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <div …

127 css  twitter-bootstrap 

โดยปกติเมื่อเราต้องการมีหลายDIVsตัวติดต่อกันเราจะใช้float: leftแต่ตอนนี้ฉันค้นพบเคล็ดลับของdisplay:inline-block ตัวอย่างเช่นการเชื่อมโยงที่นี่ สำหรับฉันแล้วนั่นdisplay:inline-blockเป็นวิธีที่ดีกว่าalign DIVsในการติดต่อกัน แต่มีข้อบกพร่องหรือไม่? เหตุใดแนวทางนี้จึงเป็นที่นิยมน้อยกว่าfloatเคล็ดลับ?

127 css  css-float  html 

ฉันมีเพจ html ที่มี div ที่มีidของแบบฟอร์มs1 , s2และอื่น ๆ <div id="sections"> <div id="s1">...</div> <div id="s2">...</div> ... </div> ฉันต้องการใช้คุณสมบัติ css กับส่วนย่อยของส่วน / div เหล่านี้ (ขึ้นอยู่กับ id) อย่างไรก็ตามทุกครั้งที่เพิ่มdivฉันต้องเพิ่ม css สำหรับส่วนแยกกันเช่นนี้ //css #s1{ ... } มีบางอย่างเช่นนิพจน์ทั่วไปใน css ที่ฉันสามารถใช้สไตล์กับชุดของdivได้หรือไม่

127 css  regex