คำถามติดแท็ก inline-styles

ฉันมีกรณีที่ฉันต้องเขียนโค้ด CSS แบบอินไลน์และฉันต้องการที่จะใช้สไตล์โฉบบนสมอ ฉันจะใช้a:hoverinline CSS ภายในแอตทริบิวต์สไตล์ HTML ได้อย่างไร เช่นคุณไม่สามารถใช้คลาส CSS ในอีเมล HTML ได้อย่างน่าเชื่อถือ

1016 html  css  inline-styles 

ฉันทราบว่าคุณสามารถระบุสไตล์ภายในคลาส React เช่นนี้: var MyDiv = React.createClass({ render: function() { var style = { color: 'white', fontSize: 200 }; return <div style={style}> Have a good and productive day! </div>; } }); ฉันควรตั้งเป้าหมายที่จะจัดแต่งทรงผมด้วยวิธีนี้และไม่มีสไตล์ตามที่ระบุไว้ในไฟล์ CSS ของฉันหรือไม่? หรือฉันควรหลีกเลี่ยงรูปแบบอินไลน์อย่างสมบูรณ์? ดูเหมือนแปลกและยุ่งเหยิงที่จะทำทั้งสองอย่างเล็กน้อย - สถานที่สองแห่งจะต้องได้รับการตรวจสอบเมื่อปรับแต่งสไตล์

512 css  reactjs  inline-styles  react-jsx 

เมื่อฉันเห็นรหัสเริ่มต้นของเว็บไซต์และตัวอย่าง CSS จะอยู่ในไฟล์แยกต่างหากตั้งชื่อบางอย่างเช่น "main.css", "default.css" หรือ "Site.css" อย่างไรก็ตามเมื่อฉันเขียนโค้ดขึ้นหน้าฉันมักจะล่อลวง CSS ในบรรทัดกับองค์ประกอบ DOM เช่นโดยการตั้งค่า "ลอย: ขวา" บนภาพ ฉันรู้สึกว่านี่เป็น "การเข้ารหัสที่ไม่ดี" เนื่องจากเป็นตัวอย่างที่ไม่ค่อยได้ทำ ฉันเข้าใจว่าถ้าสไตล์จะถูกนำไปใช้กับวัตถุหลาย ๆ อย่างก็ควรทำตาม "อย่าทำซ้ำตัวเอง" (DRY) และกำหนดให้คลาส CSS เพื่ออ้างอิงโดยองค์ประกอบแต่ละรายการ อย่างไรก็ตามถ้าฉันจะไม่ทำ CSS ซ้ำในองค์ประกอบอื่นทำไมไม่ใส่ CSS ลงไปในขณะที่ฉันเขียน HTML? คำถาม: การใช้ CSS ในบรรทัดถือว่าไม่ดีแม้ว่าจะใช้กับองค์ประกอบนั้นเท่านั้นหรือไม่ ถ้าเป็นเช่นนั้นทำไม ตัวอย่าง (อันนี้แย่ใช่ไหม): <img src="myimage.gif" style="float:right" />

170 css  inline-styles 

ฉันสร้างลายเซ็นอีเมล HTML ด้วย CSS แบบอินไลน์ (เช่น CSS ในstyleคุณลักษณะ) และฉันอยากรู้ว่ามันเป็นไปได้ที่จะใช้:beforeและ:afterองค์ประกอบหลอก ถ้าเป็นเช่นนั้นฉันจะใช้สิ่งนี้กับอินไลน์ CSS ได้อย่างไร td { text-align: justify; } td:after { content: ""; display: inline-block; width: 100%; }

141 html  css  css-selectors  pseudo-element  inline-styles 

Наэтотвопросестьответына กองมากเกินнарусском : Какпрописать: เลื่อนвнутри style =' '? เป็นไปได้ไหมที่จะมีคลาสหลอกโดยใช้สไตล์อินไลน์ ตัวอย่าง: <a href="http://www.google.com" style="hover:text-decoration:none;">Google</a> ฉันรู้ว่า HTML ข้างต้นใช้ไม่ได้ แต่มีบางอย่างที่คล้ายกันหรือไม่ ปล. ฉันรู้ว่าฉันควรใช้สไตล์ชีตภายนอกและฉันก็ทำ ฉันแค่อยากรู้ว่าสามารถทำได้โดยใช้สไตล์อินไลน์

131 html  css  css-selectors  pseudo-class  inline-styles 

มีตัวเลือก CSS เพื่อเลือกองค์ประกอบนี้ตามค่าแอตทริบิวต์สไตล์อินไลน์หรือไม่ <div style='display:block'>...</div> สิ่งที่ต้องการ div[cssAttribute=cssValue]

114 html  css  css-selectors  inline-styles 

เพื่อนของฉันบอกว่าการใช้<div style=""></div>แทนการบีบอัดไฟล์ css ที่วางไว้link hrefที่ส่วนหัวช่วยเพิ่มประสิทธิภาพ เป็นเช่นนั้นจริงหรือ?

89 css  performance  inline-styles