How do I edit HTML styles?

Hamtaro StylesHamtaro Styles
in Style Development Chrome
Hello, I am trying to make a style but this website is using styles in the HTML, this is what I mean:
----
th style="text-align:center;font-size:20px;background:#d8d8d8;" colspan="3" align="center">{REDACTED}/th>
----

I removed the < and > at the start and the end because it kept on removing it
I really want it to be darker but I can't make it darker because it has no ID or class so I can't overwrite it, is there a way to select this specific element and change it's style because I do not know how and I want to make really good styles and I need to know how to do that as some websites use that instead of a normal CSS file.

Comments

  • Hamtaro StylesHamtaro Styles
    Chrome
    Please help ;-;
  • q1kq1k
    edited June 2018 Chrome

    Share a link to the website so we can see the full structure,
    You can use a path to target the th element or even select it based on other attributes.
    To change the inline styles you can use !important ex. th { background: red !important }

  • Hamtaro StylesHamtaro Styles
    Chrome
    The link is 192.168.0.1 ....
  • q1kq1k
    edited June 2018 Chrome
    That's your local address.
    And if it's your website, why don't you add a class or id to select it easier?
  • Hamtaro StylesHamtaro Styles
    Chrome
    Erm no? It's my router...
  • Hamtaro StylesHamtaro Styles
    Chrome
    My address is 192.168.0.2
    lel
  • q1kq1k
    Chrome
    Sorry, no-one can help you unless you host the website publicly.
  • krystian3wkrystian3w
    edited June 2018 Firefox

    Try find demo panel your router online (e.g tp-link have a lot panels online).

    https://www.tp-link.com/en/emulators.html

    Maybe your producent have demo on our website.
    Routers branded by mobile operators may be problematic.
    As well as routers with which open source environment loaded instead of the original one too.

  • q1kq1k
    Chrome
    He can use jsfiddle.net and share the code.
  • krystian3wkrystian3w
    Chrome
    I do not think that he would be able to copy stylesheets into the CSS field - I would not modify pure html by its description.
  • anagrammaranagrammar
    Chrome
    th[style="text-align:center;font-size:20px;background:#d8d8d8;"]{background:#000!important;}

    Spacing inside the square brackets must match what's in the html, in case you altered it at all.
  • AnimatoriumAnimatorium
    edited June 2018 Firefox
    Just use a path and !important; it doesn't matter if it has an ID or if it doesn't belong to a class.
    Parent > Table> tr > th. {}
    Or,
    Parent > parent > parent > * {}
Sign In or Register to comment.