Posted in Uncategorized

Possible to use css function to validate css rules?

   February 23, 2021  1 Comment on Possible to use css function to validate css rules?

Is it possible to use .css to validate some basic inline rules to see if they are valid?

var tree = $("<div><span></span></div>");
tree.find('span')
    .css("background-color","#eee");
console.log(tree); // span changed 

tree.find('span')
    .css("background-color","blaahhhhcolor");
console.log(tree); //no change to span

tree.find('span')
    .css("background-colaar","black");
console.log(tree); //no change to span

Compare both before and after and see if there has been an inline style attached, if there is it is valid?

If not would it be possible to add some type of callback to CSS to suggest the given rules are valid? I know jQuery isn’t a linter but in my case and possibly others this may suffice.

Author: Fantashit

1 thought on “Possible to use css function to validate css rules?”

  1. You can just check background-color after the change and if its value is different than what you set it to it means the rule was invalid.

    If you want something more, that’s more a job for a plugin; this is way too specific to be included in jQuery Core.

Comments are closed.