ตัวเลือก CSS โดยแอตทริบิวต์สไตล์อินไลน์

มีตัวเลือก CSS เพื่อเลือกองค์ประกอบนี้ตามค่าแอตทริบิวต์สไตล์อินไลน์หรือไม่

<div style='display:block'>...</div>

สิ่งที่ต้องการ

div[cssAttribute=cssValue]

styleแอตทริบิวต์แบบอินไลน์ไม่แตกต่างจากแอตทริบิวต์ HTML อื่น ๆ และสามารถจับคู่กับตัวเลือกแอตทริบิวต์สตริงย่อย:

div[style*="display:block"]

ด้วยเหตุผลนี้ แต่มันเปราะบางมาก ในฐานะที่เป็นตัวเลือกแอตทริบิวต์ไม่สนับสนุนการแสดงออกปกติคุณจะสามารถดำเนินการที่แน่นอน substring การแข่งขันของค่าแอตทริบิวต์ ตัวอย่างเช่นหากคุณมีช่องว่างในค่าแอตทริบิวต์เช่นนี้:

<div style='display: block'>...</div>

จะไม่ตรงกันจนกว่าคุณจะเปลี่ยนตัวเลือกเพื่อให้เหมาะกับพื้นที่ จากนั้นจะหยุดการจับคู่ค่าที่ไม่มีช่องว่างเว้นแต่คุณจะรวมการเรียงสับเปลี่ยนทั้งหมดอาการคลื่นไส้โฆษณา แต่ถ้าคุณกำลังทำงานกับเอกสารที่การประกาศรูปแบบอินไลน์นั้นไม่น่าจะเปลี่ยนแปลงเลยคุณก็ไม่เป็นไร

โปรดทราบว่านี่ไม่ใช่ทั้งหมดที่เลือกองค์ประกอบตามค่าที่ระบุคำนวณหรือใช้จริงตามที่แสดงใน DOM ซึ่งไม่สามารถทำได้ด้วยตัวเลือก CSS

ได้แก่ ";" ทำงานได้ดีขึ้นสำหรับฉัน

div[style*="display:block;"]