How to call an HTML object with the 'name' tag?

Question

Now this might be a dumb question and if so I sincerely apologise for wasting your time.

I was wondering how one was to call an HTML object with the 'name' tag. Here an example to explain what I mean:

HTML: <p id="one"></p>
CSS: #one{}

HTML: <p class="two"></p>
CSS: .two{}

HTML: <p name="three"></p>
CSS: ?

I need this because I'm working with commercial JavaScript UI components and they have a naming system based on name.

Thank you for taking the time to answer.

Just that you know: It's invalid for a `p` element to have a `name` attribute. — RoToRa, Mar 05 '19 at 07:30
Possible duplicate of [Select elements by data attribute in CSS](https://stackoverflow.com/questions/5324415/select-elements-by-data-attribute-in-css) — לבני מלכה, Mar 05 '19 at 07:31
Possible duplicate of [CSS Selector for name attribute of ?](https://stackoverflow.com/questions/37242296/css-selector-for-name-attribute-of-a) — Olafant, Mar 05 '19 at 07:32

score 1 · Accepted Answer · answered Mar 05 '19 at 07:26

1

Try

[name='three'] {
  color: red
}

<p name="three">x</p>

answered Mar 05 '19 at 07:26

Karuppiah RK · Answer 2 · 2019-03-05T07:34:20.603

1

Use CSS attribute selector. p[name] css will affect all your <p></p> element with name attribute.

p[name] {
  background: green
}

p[name="three"] {
  background: red
}

<p name="two">text</p>

<p name="three">text</p>

edited Mar 05 '19 at 07:34

answered Mar 05 '19 at 07:27

Karuppiah RK

score 1 · Answer 3 · answered Mar 05 '19 at 07:27

1

p[name="three"] { color:red }

you can select css by attribute tag

answered Mar 05 '19 at 07:27

kk kk

3 Answers3