c# parse css using ExCSS

Question

i search a while ago how to parse css and i found ExCSS https://github.com/TylerBrinks/ExCSS

I have a html file. and i need to get the font style of csFC2BB1D1

which is italic

in order to read the html. i use htmlagility pack. and i use ExCSS to parse the css

and here is my code

HtmlDocument doc = new HtmlDocument();
doc.Load(htmlLocation);
var parser = new Parser();
var data = doc.DocumentNode.Descendants("style").FirstOrDefault();
var stylesheet = parser.Parse(data.OuterHtml);
foreach (var item in stylesheet.StyleRules
.Select(r => r.Selector)) {
     Console.WriteLine(item);
}

the output of the loop statement is

style type>.csC67CFA75
.cs3B0A1ABE
.cs6B2A4BAA
.cs7FB5C607
.csB0E2188C
.cs619CFE26
.cs80D9435B
.csE163F6C2
.cs5B41FA1C
.csC4CFBF3A
.csFC2BB1D1
.csC8468922
.cs21FA5D81
.cs95A8AE3D
.csCC736C83
.cs116BBDE0
.cs137E84BF
.cs6E4FDAEF
.cs92C3DA2B
.cs794D75A2
.csE6E4F8C4

and why does it also output the text style type> and not only the selector

and this is my html document

har07 · Accepted Answer

Because you're passing, not only the CSS but also the parent style tag to the parser. You should've pass just the content of style by using InnerHtml instead of OuterHtml. Then you can do as follows to get the target font-style :

// find among the CSS rules
var fontStyle = stylesheet.StyleRules
                  // rule for class `csFC2BB1D1`
                  .Where(r => r.Selector.ToString() == ".csFC2BB1D1")
                  // then select the value for `font-style`
                  .Select(o => o.Declarations.First(p => p.Name == "font-style").Term.ToString())
                  .First();

I prefer query syntax for in this scenario though :

var query = from rule in stylesheet.StyleRules
            where rule.Selector.ToString() == ".csFC2BB1D1"
            from declaration in rule.Declarations
            where declaration.Name == "font-style"
            select declaration.Term.ToString();

var fontStyle = query.FirstOrDefault();

dotnetfiddle demo

c# parse css using ExCSS

Answers (1)

Related Questions