dimanche 26 juin 2016

How to avoid HTML element being matched by CSS and reset it?

I am newbie in HTML and CSS. Below is the code for testing. Assume the html link to external CSS as shown below:

ul {
    overflow: hidden; color: #fff; padding: 0;
}

li{ margin-left: -10px; }    

My HTML file is shown as below:

<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>
<body>

<ul>
   <li>abc</li>
   <li>ref</li>
   <li>cde</li>
</ul>

<ul>
   <li>I want to reset this style</li>
   <li>I want to reset this style</li>
   <li>I want to reset this style</li>
</ul>

</body>
</html>

Assume that I don't have access to to the CSS file, I want to reset the style of the second unorder list in HTML. I don't know the content of CSS. How can I do it inline HTML, CSS or by jquery? Any code example would be highly appreciated. Thank you.

Aucun commentaire:

Enregistrer un commentaire