如何检查css样式的父元素？

Question

我需要检测，如果我的父母有应用这些CSS样式：

display: flex; 
flex-direction: column; 

我发现a jQuery example但（一）我不使用jQuery，和（b）我不明白的完整的答案。

Answer 1

可以使用window.getComputedStyle(element)和默认值测试您的属性，例如：

var element = document.getElementById("example"); 
var styles = window.getComputedStyle(element); 

if(styles.getPropertyValue("display") === "flex"){ 
    // element style display is flex 
} 

Answer 2

你可以找到在JQuery中使用的过滤器。

$("#Myelement").parents() 
    .filter(function() { 
     return $(this).css("myCssItem") == "myCssValue"; 
    }).first();