ฉันมีกราฟิก SVG หลายรายการที่ฉันต้องการแก้ไขสีผ่านสไตล์ชีตภายนอกไม่ใช่ในไฟล์ SVG แต่ละไฟล์โดยตรง ฉันไม่ได้วางกราฟิกไว้ในบรรทัด แต่เก็บไว้ในโฟลเดอร์รูปภาพของฉันและชี้ไปที่พวกเขา
ฉันได้ติดตั้งด้วยวิธีนี้เพื่อให้คำแนะนำเครื่องมือทำงานได้และฉันยังรวมแต่ละ<a>
แท็กเพื่อให้มีลิงก์
<a href='http://youtube.com/...' target='_blank'><img class='socIcon' src='images/socYouTube.svg' title='View my videos on YouTube' alt='YouTube' /></a>
และนี่คือรหัสของกราฟิก SVG:
<?xml version="1.0" encoding="utf-8"?>
<?xml-stylesheet href="stylesheets/main.css" type="text/css"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 56.69 56.69">
<g>
<path d="M28.44......./>
</g>
</svg>
ฉันใส่สิ่งต่อไปนี้ในไฟล์ CSS ภายนอกของฉัน (main.css):
.socIcon g {fill:red;}
แต่ก็ไม่มีผลต่อกราฟิก ฉันยังลอง. socIcon g path {} และ .socIcon path {}
มีบางอย่างไม่ถูกต้องบางทีการใช้งานของฉันไม่อนุญาตให้แก้ไข CSS ภายนอกหรือฉันพลาดขั้นตอน? ขอขอบคุณสำหรับความช่วยเหลือ! ฉันแค่ต้องการความสามารถในการปรับเปลี่ยนสีของกราฟิก SVG ผ่านสไตล์ชีตภายนอกของฉัน แต่ฉันจะสูญเสียคำแนะนำเครื่องมือและความสามารถในการเชื่อมโยงไปไม่ได้ (ฉันอาจจะอยู่ได้โดยปราศจากคำแนะนำ) ขอบคุณ!