Performing read and write operations on targeted CSS classes using C#

Question

Performing read and write operations on targeted CSS classes using C#

I'm currently developing a C# application that needs to manipulate CSS files. Imagine you have the following CSS code snippet:

.ClassOne
{   
    color: #FFFFFF;    
    font-weight:normal;
    font-size: 9pt;
    font-family: Tahoma;                    
    vertical-align: middle;
    border: solid 1px #7F7F7F;  
    padding: 1px 1px 1px 1px;
    background-color: #B48410;
    background-position: center center;
}

.ClassTwo
{
    color: #FFFFFF;        
        background-repeat: repeat-x;
    background-color: #000000;
}

.ClassThree
{   
    color: #000000;    
    font-weight:normal;
    font-size: 9pt;
    font-family: Tahoma;                    
    vertical-align: left;
    border: solid 1px #F3Dc51;  
    padding: 1px 1px 1px 1px;
    background-color: #A32DF1;
}

My goal is to search for specific classes in the file, such as ClassOne, and extract the corresponding background-color property for those classes. This task only needs to be done for certain classes in the CSS file - for example, I may only want to extract the background-color values for ClassOne and ClassThree.

The resulting application should then transfer these stored values to another CSS file with the same set of classes.

I am aware of ExCSS but unsure about its utility in this context and how to effectively leverage it. Can someone provide guidance on this matter?

c#css parsing

Answer 1

Answer №1

To kickstart your journey with ExCss, you can begin by focusing on the parsing aspect. Here's a snippet to guide you:

    [Test]
    public void Apple([Values (".ClassThree")] string targetClass, [Values ("#A32DF1")] string expectedColor)
    {
        var parser = new Parser();
        var sheet = parser.Parse(sample);
        var result = sheet.Rulesets
            .Where(s => s.Selector.ToString() == targetClass)
            .SelectMany(r => r.Declarations)
            .FirstOrDefault(d => d.Name.Equals("background-color", StringComparison.InvariantCultureIgnoreCase))
            .Term
            .ToString();
        Assert.AreEqual(expectedColor, result);            
    }

Instead of relying on Linq, you may consider iterating through your CSS and constructing a new CSS containing values from declarations that match your target criteria. Here's an example approach:

        var targetClasses = new List<string> { ".ClassOne", ".ClassThree" };
        var targetDecls = new List<string> { "background-color" };

        var parser = new Parser();
        var sheet = parser.Parse(sample);
        foreach (var r in sheet.Rulesets)
        {
            if (targetClasses.Contains(r.Selector.ToString()))
            {
                Debug.WriteLine(r.Selector.ToString());
                Debug.WriteLine("{");
                foreach (var d in r.Declarations)
                {
                    if (targetDecls.Contains(d.Name))
                    {
                        Debug.WriteLine("\t" + d);
                    }
                }
                Debug.WriteLine("}");
            }
        }

Answer 2

To kickstart your journey with ExCss, you can begin by focusing on the parsing aspect. Here's a snippet to guide you:

    [Test]
    public void Apple([Values (".ClassThree")] string targetClass, [Values ("#A32DF1")] string expectedColor)
    {
        var parser = new Parser();
        var sheet = parser.Parse(sample);
        var result = sheet.Rulesets
            .Where(s => s.Selector.ToString() == targetClass)
            .SelectMany(r => r.Declarations)
            .FirstOrDefault(d => d.Name.Equals("background-color", StringComparison.InvariantCultureIgnoreCase))
            .Term
            .ToString();
        Assert.AreEqual(expectedColor, result);            
    }

Instead of relying on Linq, you may consider iterating through your CSS and constructing a new CSS containing values from declarations that match your target criteria. Here's an example approach:

        var targetClasses = new List<string> { ".ClassOne", ".ClassThree" };
        var targetDecls = new List<string> { "background-color" };

        var parser = new Parser();
        var sheet = parser.Parse(sample);
        foreach (var r in sheet.Rulesets)
        {
            if (targetClasses.Contains(r.Selector.ToString()))
            {
                Debug.WriteLine(r.Selector.ToString());
                Debug.WriteLine("{");
                foreach (var d in r.Declarations)
                {
                    if (targetDecls.Contains(d.Name))
                    {
                        Debug.WriteLine("\t" + d);
                    }
                }
                Debug.WriteLine("}");
            }
        }

Performing read and write operations on targeted CSS classes using C#

Answer №1

Similar questions

How can you position an element at the bottom of a div using CSS?

Retrieve the text content of the paragraph element when its parent is clicked. The paragraph element belongs to a group that contains many

Creating rounded corners in Firefox can result in a gap between the border and the background

The partnership between Selenium and WhitePages has created an innovative solution

Trouble with webpage design persists following recent modifications

Using Roboto Typeface in Cascading Style Sheets

"Looking to swap out the Angular theme's CSS stylesheet for your entire application? Here's

Discovering the most recently selected element in jQuery

Tips for switching a group of buttons within a userscript by clicking a single button?

How to use AngularJS to collapse various panels with unique content

When my viewport's size is less than 998px, a blank space appears

Conceal elements of a rectangular shape using CSS

Adjust the vertical size of the slider in Jssor

Display or conceal a division underneath a dropdown menu based on selections retrieved from a SQL Server database

The jQuery remove function will only take effect on the second click following an AJAX request

Website layout looking unique due to pixel width adaptation from standard width

How to perfectly center the Bootstrap Modal using CSS styling

Interacting with hyperlinks within a changing table using Selenium in C#

What is causing my Fabric.js canvas to malfunction?

The issue with collapsible elements not functioning properly in an Angular application involving CSS and JS