My question is how can I select this element in CSS by edit ?
element :
<a href="***" class="example1 example2 example3" edit>click</a>
Asked
Active
Viewed 82 times
1 Answers
5
You can use an attribute selector by adding square brackets [].
Attribute selectors can target:
- The name of the attribute:
a[edit] - The value of the attribute if it has one:
a[href=***]
But since 'edit' is not a valid attribute for an <a>-Element, it's advisable to add an data- prefix in the html-code.
a[data-edit]{
background:red;
}<a href="***" data-edit>edit</a>
Raqha
- 754
- 4
- 17
-
3Is 'edit' a valid attribute for an element? Didn't find it in the docs... so it might be advisable to add data-? – Corrl Oct 26 '21 at 17:25
-
1How to add data because yes your right. edit is not a valid attribute so I tried this and it did not work. However this is a good answer and I voted up. – Nima Oct 26 '21 at 17:26
-
2`` and `a[data-edit] { }`. – D M Oct 26 '21 at 17:27
-
Can I access it by example1.[data-edit]? – Nima Oct 26 '21 at 17:29
-
1you'd use `.class[data-edit]` – Raqha Oct 26 '21 at 17:29