pdicteu/css-selector-demo

CSS Selector Generator

Generate CSS selectors from HTML element descriptions using a fine-tuned T5 model.

Model Details

• —Base Model: google/t5-efficient-small (60M parameters)
• —Training Data: 13,855 examples from real websites
• —Accuracy: 82% functional accuracy on real HTML

Input Format

tag | .class | #id | attr=value | text=content | path=ancestor > parent

Example

Input:

button | .btn-primary | type=submit | text=Submit | path=form.login > div.actions

Output:

form.login > div.actions > button.btn-primary [text=Submit]