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

ฉันสามารถใช้ 2 คลาสกับ div หรือ span เดียวหรือองค์ประกอบ html ได้หรือไม่ ตัวอย่างเช่น: <a class="c1" class="c2">aa</a> ฉันลองแล้วและในกรณีของฉันใช้ c2 ไม่ได้ ฉันจะสมัครทั้งสองคลาสพร้อมกันได้อย่างไร?

98 html  css 

นี่คือตัวอย่างที่ฉันไม่เข้าใจ: .container_12 .grid_6, .container_16 .grid_8 { width: 460px; } สำหรับฉันแล้วดูเหมือนว่าwidth: 460pxจะใช้กับชั้นเรียนที่กล่าวถึงข้างต้นทั้งหมด แต่ทำไมบางชั้นเรียนจึงคั่นด้วยเครื่องหมายจุลภาค ( ,) และบางชั้นก็เว้นวรรค ฉันคิดว่าwidth: 460pxจะใช้กับองค์ประกอบเหล่านั้นที่รวมคลาสตามที่กล่าวไว้ในไฟล์ CSS เท่านั้น ตัวอย่างเช่นจะใช้กับ<div class='container_12 grid_6'>แต่จะไม่ใช้กับไฟล์<div class='container_12'>. สมมติฐานนี้ถูกต้องหรือไม่?

98 css  css-selectors 

ฉันมีชุดลิงก์สไตล์โดยใช้:beforeเพื่อใช้ลูกศร มันดูดีในทุกเบราว์เซอร์ แต่เมื่อฉันใช้ขีดเส้นใต้กับลิงก์ฉันไม่ต้องการขีดเส้นใต้ใน:beforeส่วนนั้น (ลูกศร) ดูตัวอย่าง jsfiddle: http://jsfiddle.net/r42e5/1/ เป็นไปได้ไหมที่จะลบสิ่งนี้ รูปแบบการทดสอบที่ฉัน#test p a:hover:beforeใช้จะถูกนำไปใช้ (ตาม Firebug) แต่ยังคงขีดเส้นใต้อยู่ วิธีใดที่จะหลีกเลี่ยงสิ่งนี้? #test { color: #B2B2B2; } #test p a { color: #B2B2B2; text-decoration: none; } #test p a:hover { text-decoration: underline; } #test p a:before { color: #B2B2B2; content: "► "; text-decoration: none; } #test p …

98 html  css  hyperlink  pseudo-element  text-decorations 

ฉันกำลังใช้ twitter bootstrap 3 และฉันกำลังประสบปัญหาในการสร้างภาพที่ตอบสนอง ฉันได้ใช้img-responsiveคลาส แต่ขนาดภาพไม่ได้สเกลขึ้น ถ้าฉันใช้width:100%แทนmax-width:100%มันก็ทำงานได้อย่างสมบูรณ์ ปัญหาอยู่ที่ไหน นี่คือรหัสของฉัน: <div class="col-md-4 col-sm-4 col-xs-12 "> <div class="product"> <div class="product-img "> <img class="img-responsive" src="img/show1.png" alt="" /> </div> </div> </div>

97 javascript  jquery  html  css  twitter-bootstrap 

เมื่อเร็ว ๆ นี้ฉันมาข้าม* *ในCSS อ้างอิงเว็บไซต์ - เชื่อมโยงเว็บไซต์ สำหรับการ*ใช้งานเพียงครั้งเดียวในสไตล์ชีต CSS Internet และ Stack Overflow จะเต็มไปด้วยตัวอย่าง แต่ฉันไม่แน่ใจเกี่ยวกับการใช้* *สัญลักษณ์สองตัวใน CSS ฉัน googled มัน แต่ไม่พบข้อมูลที่เกี่ยวข้องใด ๆ เกี่ยวกับเรื่องนี้เนื่องจากตัวเดียว*เลือกองค์ประกอบทั้งหมด แต่ฉันไม่แน่ใจว่าทำไมไซต์ถึงใช้มันสองครั้ง อะไรคือส่วนที่ขาดหายไปของสิ่งนี้และเหตุใดจึงใช้แฮ็กนี้ (หากเป็นการแฮ็ก)

97 html  css  css-selectors 

ฉันใช้คอมโพเนนต์ textarea ในแอปพลิเคชันของฉันและฉันควบคุมความสูงแบบไดนามิก เมื่อผู้ใช้พิมพ์ความสูงจะเพิ่มขึ้นทุกครั้งที่มีข้อความเพียงพอ ใช้งานได้ดีบน IE, Firefox และ Safari อย่างไรก็ตามใน Safari มีเครื่องมือ "ที่จับ" ที่ด้านขวาล่างซึ่งช่วยให้ผู้ใช้สามารถปรับขนาดพื้นที่ข้อความได้โดยคลิกและลาก ฉันยังสังเกตเห็นปัญหานี้กับ textarea ในหน้าถามคำถาม stackoverflow เครื่องมือนี้สร้างความสับสนและโดยทั่วไปแล้วจะเข้ามาขวางทาง ดังนั้นจะมีการซ่อนแฮนเดิลปรับขนาดนี้หรือไม่? (ฉันไม่แน่ใจว่า "ด้ามจับ" เป็นคำที่ถูกต้องหรือไม่ แต่ฉันคิดคำศัพท์ที่ดีกว่านี้ไม่ได้)

97 safari  webkit  css 

ฉันไม่เข้าใจว่ารหัสต่อไปนี้หมายถึงอะไรicon-bar: <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> มีicon-barไว้เพื่ออะไร? เหตุใดจึงมีสามกรณีที่คล้ายกัน รหัสนี้อยู่ในส่วนแถบนำทาง: <div class="navbar-header"> ... </div>

97 html  css  twitter-bootstrap 

เป็นไปได้ไหมที่จะลบเส้นประรอบรายการที่เลือกในองค์ประกอบที่เลือก ฉันพยายามเพิ่มoutlineคุณสมบัติใน CSS แต่ไม่ได้ผลอย่างน้อยก็ไม่ใช่ใน FF <style> select { outline:none; } </style> อัปเดต ก่อนที่คุณจะดำเนินการต่อและลบโครงร่างโปรดอ่านสิ่งนี้ http://www.outlinenone.com/

97 html  css  firefox  xhtml 

ฉันต้องการแสดงตารางที่มีความกว้างคงที่ที่กึ่งกลางของหน้าต่างเบราว์เซอร์ ตอนนี้ฉันใช้ <table width="200" align="center"> แต่ Visual Studio 2008 ให้คำเตือนในบรรทัดนี้: แอตทริบิวต์ "จัดตำแหน่ง" ถือว่าล้าสมัย ขอแนะนำโครงสร้างที่ใหม่กว่า ฉันควรใช้สไตล์ CSS แบบใดกับตารางเพื่อให้ได้รูปแบบเดียวกัน

97 html  css  alignment  css-tables 

ฉันต้องการให้ภาพทั้งหมดของฉันอยู่ใน CSS (วิธีเดียวที่ฉันรู้ว่าจะใส่เป็นภาพพื้นหลังได้อย่างไร) แต่ปัญหาในการแก้ปัญหานี้คือคุณไม่สามารถปล่อยให้ div ใช้ขนาดของรูปภาพได้ คำถามของฉันคืออะไรคือวิธีที่ดีที่สุดในการเทียบเท่า <div><img src="..." /></div>ใน CSS

97 css  image 

ดังนั้นฉันจึงมีปัญหาที่ฉันคิดว่าค่อนข้างบ่อย แต่ฉันยังไม่พบวิธีแก้ปัญหาที่ดี ฉันต้องการสร้าง Div โอเวอร์เลย์ครอบคลุมหน้าทั้งหมด ... ไม่ใช่แค่วิวพอร์ต ฉันไม่เข้าใจว่าทำไมสิ่งนี้ถึงทำได้ยาก ... ฉันได้ลองตั้งค่าร่างกาย html สูงถึง 100% ฯลฯ แต่ไม่ได้ผล นี่คือสิ่งที่ฉันมีจนถึงตอนนี้: <html> <head> <style type="text/css"> .OverLay { position: absolute; z-index: 3; opacity: 0.5; filter: alpha(opacity = 50); top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; background-color: Black; color: White;} body { …

97 html  css 

ฉันกำลังพยายามจัดแท็ก div ลูกให้อยู่ด้านล่างหรือพื้นฐานของแท็ก div ระดับบนสุด สิ่งที่ฉันต้องการทำคือให้ลูก Div อยู่ที่พื้นฐานของ Parent Div นี่คือสิ่งที่ดูเหมือนตอนนี้: HTML <div id="parentDiv"> <div class="childDiv"></div> </div> CSS #parentDiv { width:300px; height:300px; background-color:#ccc; background-repeat:repeat } #parentDiv .childDiv { height:100px; width:30px; background-color:#999; } บันทึก ฉันจะมีหลายตัวchildDivที่มีความสูงแตกต่างกันและฉันจะต้องใช้มันทั้งหมดเพื่อให้อยู่ในแนวเดียวกัน

97 html  css 

คำถามนี้เกี่ยวข้องกับเบราว์เซอร์ที่รองรับ css3 เต็มรูปแบบรวมถึง flexbox ฉันมีตู้คอนเทนเนอร์แบบยืดหยุ่นพร้อมสิ่งของบางอย่างอยู่ พวกเขาทั้งหมดมีเหตุผลที่จะเริ่มต้นแบบยืดหยุ่น แต่ฉันต้องการให้รายการสุดท้าย .endเป็นธรรมสำหรับ flex-end มีวิธีที่ดีในการดำเนินการโดยไม่ต้องแก้ไข HTML และไม่ต้องใช้การกำหนดตำแหน่งแบบสัมบูรณ์ .container { display: flex; flex-direction: column; outline: 1px solid green; min-height: 400px; width: 100px; justify-content: flex-start; } p { height: 50px; background-color: blue; margin: 5px; } <div class="container"> <p></p> <p></p> <p></p> <p class="end"></p> </div> เรียกใช้ข้อมูลโค้ดHide resultsขยายข้อมูลโค้ด

97 css  flexbox 

ฉันมีสิ่งที่ชอบ: <div id="content> <h1>Welcome to Motor City Deli!</h1> <div style=" font-size: 1.2em; font-weight: bolder;">Sep 19, 2010</div> <div > ... </div> ตัวเลือก css สำหรับ div ที่สองคืออะไร (div ที่ 1 ภายใน div "content") เพื่อให้ฉันสามารถกำหนดสีฟอนต์ของวันที่ภายใน div นั้นได้

97 css  css-selectors 

ฉันกำลังพยายามแก้ไขแอตทริบิวต์สไตล์ CSS สำหรับ div ตามข้อมูลที่ได้รับจากตารางฐานข้อมูลในโค้ดด้านหลังของหน้า aspx ของฉัน ต่อไปนี้เป็นสิ่งที่ฉันพยายามทำอยู่ แต่ได้รับข้อผิดพลาด Aspx: <div id="testSpace" runat="server"> Test </div> รหัสหลัง: testSpace.Style = "display:none;" testSpace.Style("display") = "none"; ผมทำอะไรผิดหรือเปล่า?

97 c#  asp.net  css